Настройка: Node и npm, запуск файлов .js, консоль DevTools
Установите Node, проверьте версии, запускайте файлы .js, изучите основы npm и попрактикуйтесь в консоли DevTools браузера.
«Настройка: Node и npm, запуск файлов .js, консоль DevTools» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 2 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.
Введение
Цель: установить Node и npm, запустить файл .js и использовать консоль DevTools в браузере.
- Установка и проверка Node
- Основы npm
- Запуск файлов .js
- Использование инструментов консоли
Проверка Node и npm
Проверка: в терминале выполните команды node -v и npm -v. Если появились версии, настройка готова.
Создание и запуск файла
Создайте файл hello.js и запустите его с помощью команды node hello.js.
// hello.js — minimal program to run with Node
function greet(name) {
return "Hello, " + name + "!";
}
const message = greet("CoddyKit");
console.log(message);
// Run from terminal in this folder: node hello.js
Быстрый старт с npm
В папке проекта выполните npm init -y, чтобы создать файл package.json. Добавьте сценарий: "start": "node hello.js". Затем выполните npm run start.
Инструменты консоли
Используйте console.log, console.table и console.time, чтобы исследовать небольшие задачи и измерять время их выполнения.
// Basic console utilities that work in Node and browsers
const user = { name: "Ayla", level: 1 };
console.log("User:", user);
console.table([{ key: "name", value: user.name }, { key: "level", value: user.level }]);
console.time("work");
for (let i = 0; i < 100000; i++) {}
console.timeEnd("work");
console.warn("Heads up: demo complete.");
Основы DevTools
Откройте DevTools (F12 или щёлкните правой кнопкой мыши → «Проверить») и перейдите на вкладку Консоль. Вставляйте небольшие фрагменты кода, нажимайте Enter и читайте вывод. Совет: очистите консоль с помощью clear().
Проверка версии Node
Короткая проверка: команда для просмотра версии Node.
Повторение
Повторение: мы проверили Node и npm, запустили файл .js, изучили простой сценарий npm и использовали инструменты консоли в Node и браузере.
Часто задаваемые вопросы
Урок «Настройка: Node и npm, запуск файлов .js, консоль DevTools» бесплатный?
Да — полный текст урока «Настройка: Node и npm, запуск файлов .js, консоль DevTools» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.
Чему я научусь в уроке «Настройка: Node и npm, запуск файлов .js, консоль DevTools»?
Установите Node, проверьте версии, запускайте файлы .js, изучите основы npm и попрактикуйтесь в консоли DevTools браузера. Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать JavaScript Academy?
Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 3.
Сколько времени занимает урок «Настройка: Node и npm, запуск файлов .js, консоль DevTools»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке JavaScript Academy?
Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Что такое JavaScript? Движки (V8/SpiderMonkey) и среды выполнения (браузер и Node)
- Настройка: Node и npm, запуск файлов .js, консоль DevTools
- Первая программа и ввод-вывод (консоль, уведомления в браузере)