Если вы пробовали себя в веб-разработке и сталкивались с Node / NPM, возможно, вы также встречали package.json. Будучи студентом, изучающим веб-разработку, я подумал, что поделюсь своими знаниями с помощью серии шпаргалок, начиная с package.json.
Что такое package.json?
В среде разработки Node есть замечательный удобный менеджер пакетов под названием Node Package Manager, также известный как npm. С помощью этого диспетчера пакетов вы можете быстро установить пакеты для проекта. Файл package.json содержит все зависимости вашего проекта. Считайте файл package.json индексом всех установленных пакетов и метаданных, таких как название проекта, лицензии, имя автора и т. Д.
Как начать работу с package.json?
Шаг 1: npm init
Первое, что вам нужно сделать, это создать файл package.json. К счастью, поскольку npm устанавливается вместе с Node, все, что вам нужно сделать, это запустить npm init
из командной строки. Запуск npm init
вызовет ряд вопросов, на которые нужно ответить.
Совет. Если вы хотите пропустить вопросы, запустите npm init -y
, чтобы автоматически отвечать на все вопросы положительно и быстро создать package.json.
Шаг 2: npm install <insert_name_of_package_here> --save
Теперь, когда у вас есть файл package.json, вы можете начать добавлять пакеты, выполнив команду npm install
, за которой следует имя пакета. Если вы не используете --save,
, пакет не будет автоматически сохранен в package.json. В противном случае вам придется вручную ввести его в файл package.json.
Совет. Ярлык для написания команды - npm i -S <insert_name_of_package_here>
.
Что внутри файла package.json?
name
: Имя папки проекта.
version
: Версия проекта. По умолчанию будет 1.0.0.
description
: Описание проекта. Если оставить пустым, описание может брать информацию из файла readme, если он включен.
author
: Автор проекта.
contributors
: Участники проекта.
scripts
: Здесь вы можете добавлять скрипты.
main
: входной файл проекта.
repository:
Здесь вы можете добавить тип репозитория и URL-адрес репо.
bugs
: здесь вы можете добавить URL-адрес для сообщения об ошибках / проблемах.
keywords
: может включать любые теги, относящиеся к проекту.
dependencies
: Все сохраненные вами пакеты будут перечислены здесь следующим образом: 'jquery':'^3.2.1'
Эти пакеты будут автоматически установлены, когда кто-либо попытается установить ваши пакеты.
devDependencies
: Эти пакеты предназначены для разработки и тестирования.
license
: Лицензия на проект.
Какой карат в моих зависимостях?
Когда пакет установлен, вы увидите значок каракули рядом с версией пакета, например 'jquery':'^3.2.1'
. Но вы также можете установить нужную вам версию пакета, вручную добавив ее в файл package.json и запустив justnpm i.
Советы по версии пакета
~version
Приблизительно соответствует указанной версии.
^version
Должен быть совместим с указанной версией.
version
Должна быть указана точная версия.
Что такое скрипты? Как я могу использовать их в package.json?
Язык сценария или язык сценариев - это компьютерный язык с рядом команд в файле, который может выполняться без компиляции.
Скрипт NPM - действительно мощный инструмент, который вы можете использовать, чтобы помочь вам эффективно создать проект.
Это все ключевые слова скрипта npm.
"scripts": {
"start": "node server.js",
"custom-script": "custom command written here"
}
- Если вы используете одно из ключевых слов сценария npm, вы можете запустить их, набрав
npm <script_keyword>
в командной строке. - Если вы заинтересованы в создании собственных сценариев, вы можете ввести желаемое имя в поле
"custom-script"
, а сценарий - в разделе"custom command written here"
. Затем вы можете запустить настраиваемый сценарий, набравnpm run custom-script
в командной строке. - Как вариант, вы можете очень легко написать собственные сценарии bash и запускать их через npm.
Резюме? Быстрые советы?
Создайте package.json: npm init -y
Установить пакет и сохранить в зависимостях: npm i -S <insert_name_of_package_here>
Установить пакет и сохранить в devDependencies: npm i -D <insert_name_of_package_here>
Установить пакет глобально: npm i <insert_name_of_package_here> -g
Удалить пакет: npm r <insert_name_of_package_here>
Удалить глобальный пакет: npm r <insert_name_of_package_here> -g
Удалить пакет и удалить из зависимостей: npm r -S <insert_name_of_package_here>
Удалить пакет и удалить из dev
Выполнить скрипт: node <name_of_script>
Проверить наличие устаревших пакетов: npm outdated
Получить список установленных пакетов: npm ls
Перейти к пакету rep0: npm repo <insert_name_of_package_here>
Перейти на сайт пакета: npm home <insert_name_of_package_here>
Проверить версию пакета: npm view <insert_name_of_package_here> version
Проверьте, установлены ли пакеты в package.json: npm prune
Какие ресурсы вы использовали?
Исходный код узла Package.json
Документация по семантическому версионеру NPM
Интерактивное руководство по Package.json
Если я упустил какие-либо подробности, дайте мне знать! Кроме того, если вам понравилось то, что вы прочитали, нажмите 👏 .