Install пакетов через package.json

@Tester64 · Регистрация: 22.05.2013

Студворк — интернет-сервис помощи студентам

Гуру посоветуйте что почитать...

Не по теме:

Пишу "для себя" в Notepad++ на 3х Win-машинах(включая "чужие") в свободное время.
Ставить и осваивать что-нибудь вроде WebStorm нет времени (и компы иногда "слабенькие").
Поэтому "все ручками"...

Нашел/нагуглил новый модуль/пакеты, установил через "npm install (например)keypress", дождался когда батник сам закроется (скрыв весь процесс, не смотря на pause в конце) и учусь применять...

Хочу "установщик пакетов" настроить! чтобы одним кликом все пакеты докачивал!!! на "npm install".

Понял что за это отвечает package.json и даже научился "примерные" версии подставлять (скопировал с чужих проектов и "адаптировал").

1) Откуда Вы знаете какую версию нужного пакета качать??? Есть реестр версий? Может некий "визард"? Хочу дома найти модуль, а на чужие компы лишь десяток файлов "настроек и кода" таскать. Раньше пытался писать в версии ">1.0.1". Потом пробовал ставить вручную, а потом в его package.json в папке node_modules версию искал...

2) Если поставил "лишний"(не нужный, не правильный) модуль, можно его "пакетно" удалить? а не вручную папки вычищать боясь зацепить нужное. чтобы только необходимое в папке node_modules оставалось - моего кода меньше 300кб, а модулей на сотни мегабайт. И удалять страшно - лень потом опять "нужные версии" искать и вручную "пропущенное" докачивать (да и долго ставит).

3) За что отвечают "ключи" npm install? Видел "создание бинарников"(в папке node_modules/.bin или в папке node.exe) - модуль становится "утилитой". Некоторые пакеты (на одной из фирм где я бываю) устанавливаются вручную ДО запуска инсталятора... Некоторые не ставятся "молча" (не выдавая ошибок). Некоторые "считает установленными", хотя в папке проекта в node_modules он не появился...

...короче в голове от этого "каша"! Посоветуйте ПРОСТОЙ хелп по теме (не в 300 страниц) или "обьясните на пальцах"...пли-и-из!

@Resume · 25.10.2016, 00:38

1. Если не знаете версию пакета, который хотите поставить, то пишите команду без указания версии: npm install название _пакета --save. Флаг --save означает, что в package.json в секцию "dependencies" добавиться название пакета+самая свежая версия пакета. Версию пакета можно посмотреть в репозитории пакета на Github либо на сайте npmjs.com.
В интернете есть статьи, в которых описываются флаги. Флаг --save - это один из флагов, которые можно прописывать при установке и удалении и не только.
2. Если вы хотите удалить пакет, то пишите команду: npm uninstall название_пакета флаг . Поскольку в примере использовали флаг --save, то соответственно и удаляем с этим флагом.
3. На этот вопрос не могу ответить.

@Tester64 · 25.10.2016, 01:52 **[ТС]**

Сообщение от Resume

то пишите команду без указания версии: npm install название _пакета --save.

Меня больше интересует "пакетная" установка!

Кто и как редактирует файл package.json ???
Для этого "визард" в "продвинутых" редакторах существует? или ручками?
Именно в нем есть "секция" где указывается версия скачиваемого пакета...

Меня интересует:
1) "поиграться" дома, подобовляв модули вручную
2) скопировать package.json и скрипты на флешку/дропбокс и скачать "на работе"
3) запустить на работе "npm install" и все нужно "докачается"

или таскать "весь комплект" папочкой на флешке без докачки!
как узнать куда поставился пакет - в папку проекта или в папку ноды? или вообще в систему где-то прописался?
В крайнем случае надо на новом компе запустить еще раз "npm install" и не париться по поводу "доустановок".

@Resume · 25.10.2016, 10:27

Если в package.json написаны название пакета и версия пакета, то прописав npm install, вы установите пакеты, которые были прописаны в package.json, то есть Вам достаточно с собой таскать на флешке package.json.

Сообщение от Tester64

как узнать куда поставился пакет - в папку проекта или в папку ноды? или вообще в систему где-то прописался?

папка node_modules появится внутри проекта.
Еще раз говорю, прочитаете про флаги, которые пишутся при установке пакета. Многое поймете сразу

@BANO · 25.10.2016, 17:45

Вроде как можно макросы в n++ использовать. Просто поставить там npm i на исполнение и всё. По идее нажимаешь, он устанавливает все зависимости, которые указаны в package.json.
У меня во всяком случае ставить в проект модули случается в начале, и тогда я "плотно" работаю с консолью, ибо на линуксе она интереснее.

На счёт флагов. Есть несколько флагов, которые лично я использую просто всегда. Это -S / --save, -D / --save-dev, -g / --global. Названия у них достаточно понятные. Первый устанавливает пакет и сразу записывает его в зависимости в package.json, второй устанавливает и записывает в девелоперские зависимости (обычно это линтеры, препроцессоры и тому пообная хрень, не нужная на продакшоне). Третий устанавливает пакет в глобально. То есть все могут им пользоваться. На практике это такие модули, которые по сути программы консольные, но им нужна нода как платформа для работы. Это напримре browserify, babel-cli, grunt-cli, webpack и тд.

@Eskander88 · 09.04.2018, 00:58

Подскажите пожалуйста, а как Node.js физически определяет нахождение репозитариев? можно как то список отобразить, где это в npm зашито?

@Eva Rosalene · 09.04.2018, 06:30

Eskander88, есть реестр https://npmjs.org
Вот к нему npm и привязан.
Кроме того, он может ставить из локального тарболла, с гита, из удалённого тарболла... Но в основном для такого его не пользуют.

@IRIP · 19.04.2018, 14:41

Сгенерировал package.json через команду npm init

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{
  "name": "web",
  "version": "1.0.0",
  "description": "duty pack",
  "main": ".eslintrc.js",
  "directories": {
    "test": "test"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "duty"
  ],
  "author": "IRIP",
  "license": "MIT"
}

Как туда добавить список пакетов, которые нужно инсталлировать?
пробую просто

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
  "dependencies": {
    "amcharts3": "github:amcharts/amcharts3",
    "ammap3": "github:amcharts/ammap3",
    "auth0-js": "^9.0.0-beta.5",
    "axios": "^0.17.1",
    "bootstrap-vue": "^2.0.0-rc.8",
    "bootstrap": "^4.0.0",
    "awesome-bootstrap-checkbox": "1.0.0-alpha.5",
    "chart.js": "^2.6.0",
    "detect-browser": "^1.7.1",
    "element-resize-detector": "^1.1.12",
    "epic-spinners": "^1.0.1",
    "flag-icon-css": "^2.9.0",
    "font-awesome": "^4.7.0",
    "jwt-decode": "^2.2.0",
    "vue": "^2.5.13",
    "vue-router": "^2.8.1",
    "vue-strap": "^1.1.40",
    "vue-yandex-maps": "^0.7.9"
    "gemini-scrollbar": "^1.5.1",
    "google-maps": "^3.2.1",
    "ionicons": "^3.0.0",
    "kewler": "^1.0.8",
    "leaflet-map": "^0.2.1",
    "medium-editor": "^5.23.3",
    "normalize.css": "7.0.0",
    "v-tooltip": "^2.0.0-rc.30",
    "vee-validate": "2.0.0-rc.7",
    "vue": "2.5.2",
    "vue-bulma-expanding": "0.0.1",
    "vue-chartjs": "^2.8.1",
    "vue-router": "^3.0.1",
    "vue-slider-component": "2.3.3",
    "vue-toasted": "^1.1.24",
    "vue2-circle-progress": "^1.0.3",
    "vuetable-2": "1.7.5",
    "vuex": "^3.0.1",
    "vuex-i18n": "^1.7.0",
    "vuex-router-sync": "5.0.0"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-polyfill": "^6.26.0",
    "babel-core": "^6.22.1",
    "babel-eslint": "^7.1.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-jest": "^21.0.2",
    "babel-loader": "^7.1.1",
    "babel-plugin-dynamic-import-node": "^1.2.0",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.6.0",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chalk": "^2.3.0",
    "chromedriver": "^2.27.2",
    "connect-history-api-fallback": "1.3.0",
    "copy-webpack-plugin": "^4.0.1",
    "cross-spawn": "^5.0.1",
    "css-loader": "^0.28.0",
    "es6-promise": "^4.2.4",
    "eslint": "^3.19.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-html": "^3.0.0",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-node": "^5.2.0",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^3.0.1",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "html-webpack-plugin": "^2.30.1",
    "jest": "^21.2.0",
    "jest-serializer-vue": "^0.3.0",
    "nightwatch": "^0.9.12",
    "node-notifier": "^5.1.2",
    "http-proxy-middleware": "0.17.3",
    "node-sass": "^4.8.3",
    "opn": "5.1.0",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "rimraf": "^2.6.0",
    "sass-loader": "^7.0.1",
    "selenium-server": "^3.0.1",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vue-component-tree": "^2.2.1",
    "vue-jest": "^1.0.2",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.0",
    "vue-template-compiler": "^2.5.13",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-bundle-tracker": "^0.2.1",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0"
  },
  "engines": {
    "node": ">= 4.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]

выдает ошибку

@IRIP · 21.04.2018, 07:28

разобрался, спасибо

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@Tester64 420 / 357 / 47 Регистрация: 22.05.2013 Сообщений: 2,518

	Install пакетов через package.json 25.10.2016, 00:15. Показов 16018. Ответов 8 Метки нет (Все метки) Гуру посоветуйте что почитать... Не по теме: Пишу "для себя" в Notepad++ на 3х Win-машинах(включая "чужие") в свободное время. Ставить и осваивать что-нибудь вроде WebStorm нет времени (и компы иногда "слабенькие"). Поэтому "все ручками"... Нашел/нагуглил новый модуль/пакеты, установил через "npm install (например)keypress", дождался когда батник сам закроется (скрыв весь процесс, не смотря на pause в конце) и учусь применять... Хочу "установщик пакетов" настроить! чтобы одним кликом все пакеты докачивал!!! на "npm install". Понял что за это отвечает package.json и даже научился "примерные" версии подставлять (скопировал с чужих проектов и "адаптировал"). 1) Откуда Вы знаете какую версию нужного пакета качать??? Есть реестр версий? Может некий "визард"? Хочу дома найти модуль, а на чужие компы лишь десяток файлов "настроек и кода" таскать. Раньше пытался писать в версии ">1.0.1". Потом пробовал ставить вручную, а потом в его package.json в папке node_modules версию искал... 2) Если поставил "лишний"(не нужный, не правильный) модуль, можно его "пакетно" удалить? а не вручную папки вычищать боясь зацепить нужное. чтобы только необходимое в папке node_modules оставалось - моего кода меньше 300кб, а модулей на сотни мегабайт. И удалять страшно - лень потом опять "нужные версии" искать и вручную "пропущенное" докачивать (да и долго ставит). 3) За что отвечают "ключи" npm install? Видел "создание бинарников"(в папке node_modules/.bin или в папке node.exe) - модуль становится "утилитой". Некоторые пакеты (на одной из фирм где я бываю) устанавливаются вручную ДО запуска инсталятора... Некоторые не ставятся "молча" (не выдавая ошибок). Некоторые "считает установленными", хотя в папке проекта в node_modules он не появился... ...короче в голове от этого "каша"! Посоветуйте ПРОСТОЙ хелп по теме (не в 300 страниц) или "обьясните на пальцах"...пли-и-из! 0

@Resume 143 / 133 / 69 Регистрация: 08.11.2013 Сообщений: 767 Записей в блоге: 5
	25.10.2016, 00:38
	1. Если не знаете версию пакета, который хотите поставить, то пишите команду без указания версии: npm install название _пакета --save. Флаг --save означает, что в package.json в секцию "dependencies" добавиться название пакета+самая свежая версия пакета. Версию пакета можно посмотреть в репозитории пакета на Github либо на сайте npmjs.com. В интернете есть статьи, в которых описываются флаги. Флаг --save - это один из флагов, которые можно прописывать при установке и удалении и не только. 2. Если вы хотите удалить пакет, то пишите команду: npm uninstall название_пакета флаг . Поскольку в примере использовали флаг --save, то соответственно и удаляем с этим флагом. 3. На этот вопрос не могу ответить. 2

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	25.10.2016, 17:45
	Сообщение было отмечено Tester64 как решение Решение Вроде как можно макросы в n++ использовать. Просто поставить там `npm i` на исполнение и всё. По идее нажимаешь, он устанавливает все зависимости, которые указаны в package.json. У меня во всяком случае ставить в проект модули случается в начале, и тогда я "плотно" работаю с консолью, ибо на линуксе она интереснее. На счёт флагов. Есть несколько флагов, которые лично я использую просто всегда. Это `-S / --save`, `-D / --save-dev`, `-g / --global`. Названия у них достаточно понятные. Первый устанавливает пакет и сразу записывает его в зависимости в package.json, второй устанавливает и записывает в девелоперские зависимости (обычно это линтеры, препроцессоры и тому пообная хрень, не нужная на продакшоне). Третий устанавливает пакет в глобально. То есть все могут им пользоваться. На практике это такие модули, которые по сути программы консольные, но им нужна нода как платформа для работы. Это напримре browserify, babel-cli, grunt-cli, webpack и тд. 2

@Eskander88 12 / 18 / 2 Регистрация: 02.11.2015 Сообщений: 222
	09.04.2018, 00:58
	Подскажите пожалуйста, а как Node.js физически определяет нахождение репозитариев? можно как то список отобразить, где это в npm зашито? 0

@Eva Rosalene Модератор 5241 / 2115 / 416 Регистрация: 06.01.2013 Сообщений: 4,846
	09.04.2018, 06:30
	Eskander88, есть реестр https://npmjs.org Вот к нему `npm` и привязан. Кроме того, он может ставить из локального тарболла, с гита, из удалённого тарболла... Но в основном для такого его не пользуют. 0

@IRIP 514 / 146 / 28 Регистрация: 18.04.2015 Сообщений: 1,904 Записей в блоге: 16
	21.04.2018, 07:28
	разобрался, спасибо 0

Install пакетов через package.json

Решение