0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Установка Node.js добавляет в систему не только интерпретатор, но и несколько важных утилит для работы с JavaScript-проектами. Среди них утилита<em>npm</em>(node package manager, пакетный менеджер). Она позволяет работать с любым Javascript-проектом как с npm-пакетом.</p>
1
<p>Установка Node.js добавляет в систему не только интерпретатор, но и несколько важных утилит для работы с JavaScript-проектами. Среди них утилита<em>npm</em>(node package manager, пакетный менеджер). Она позволяет работать с любым Javascript-проектом как с npm-пакетом.</p>
2
<p><em>npm</em>выполняет множество важных задач, с которыми мы будем знакомиться в течение курса. Сейчас нас интересует ее базовое использование - создание (инициализация) нового npm-пакета. Под проектом понимается код какого-то приложения, например, конкретного сайта.</p>
2
<p><em>npm</em>выполняет множество важных задач, с которыми мы будем знакомиться в течение курса. Сейчас нас интересует ее базовое использование - создание (инициализация) нового npm-пакета. Под проектом понимается код какого-то приложения, например, конкретного сайта.</p>
3
<p>Для создания нового npm-пакета нужно выполнить две вещи:</p>
3
<p>Для создания нового npm-пакета нужно выполнить две вещи:</p>
4
<ol><li>Создать директорию проекта - место, внутри которого будут располагаться все файлы с кодом. Эта директория называется корнем проекта.</li>
4
<ol><li>Создать директорию проекта - место, внутри которого будут располагаться все файлы с кодом. Эта директория называется корнем проекта.</li>
5
<li>Запустить команду инициализации npm init в корне проекта.</li>
5
<li>Запустить команду инициализации npm init в корне проекта.</li>
6
</ol><p>В процессе инициализации,<em>npm</em>задаст несколько вопросов на тему того, как должен называться npm-пакет, какая у него должна быть версия, описание и тому подобное. Все эти вопросы можно смело пропускать, у вас всегда будет возможность поменять ответы.</p>
6
</ol><p>В процессе инициализации,<em>npm</em>задаст несколько вопросов на тему того, как должен называться npm-пакет, какая у него должна быть версия, описание и тому подобное. Все эти вопросы можно смело пропускать, у вас всегда будет возможность поменять ответы.</p>
7
<p>В конце<em>npm</em>спросит все ли правильно и покажет содержимое файла<em>package.json</em>, который и станет основой нового npm-пакета. После ответа<em>yes</em>этот файл запишется на диск и проект будет считаться готовым к работе.</p>
7
<p>В конце<em>npm</em>спросит все ли правильно и покажет содержимое файла<em>package.json</em>, который и станет основой нового npm-пакета. После ответа<em>yes</em>этот файл запишется на диск и проект будет считаться готовым к работе.</p>
8
<p><em>package.json</em>- это текстовый файл, внутри которого данные хранятся в<a>JSON</a>формате. Этот формат позволяет описывать данные как пары "ключ-значение", где значением может быть сам JSON. В примере выше - это значение ключа<em>scripts</em>.</p>
8
<p><em>package.json</em>- это текстовый файл, внутри которого данные хранятся в<a>JSON</a>формате. Этот формат позволяет описывать данные как пары "ключ-значение", где значением может быть сам JSON. В примере выше - это значение ключа<em>scripts</em>.</p>
9
<p><em>Обратите внимание на<a>ключ "type"</a>в JSON выше. Эту часть нужно добавить самостоятельно, исправив файл. Она нужна для работы<a>системы импортов</a>.</em></p>
9
<p><em>Обратите внимание на<a>ключ "type"</a>в JSON выше. Эту часть нужно добавить самостоятельно, исправив файл. Она нужна для работы<a>системы импортов</a>.</em></p>
10
<p>После завершения процесса инициализации можно приступать к самому главному - написанию кода. По умолчанию код создается внутри файла<em>index.js</em>, лежащего в корне npm-пакета (там, где создан файл<em>package.json</em>). Это не значит, что весь проект состоит из одного файла. Файлов с кодом можно создавать сколько угодно, главное, при этом, что основная работа происходит внутри<em>index.js</em>, куда импортируется код из остальных файлов.</p>
10
<p>После завершения процесса инициализации можно приступать к самому главному - написанию кода. По умолчанию код создается внутри файла<em>index.js</em>, лежащего в корне npm-пакета (там, где создан файл<em>package.json</em>). Это не значит, что весь проект состоит из одного файла. Файлов с кодом можно создавать сколько угодно, главное, при этом, что основная работа происходит внутри<em>index.js</em>, куда импортируется код из остальных файлов.</p>
11
11