Команди за работа с NPM. Команди за работа с NPM Разбиране на разликата между глобална и локална инсталация
В това ръководство ще ви кажа как да инсталирате webpack (webpack), неговите зависимости и да настроите групиране и минимизиране на скриптове чрез него.
Това е първата част от поредицата „Webpack in NetBeans project“.
1. Защо всичко това е необходимо:
1. Вече няколко пъти в проекти имах нужда да комбинирам няколко скрипта в един. Причината за това разделение е, че всеки скрипт изпълнява своя собствена задача и за да намалите http заявките при пускане на плъгин (или добавка към WordPress плъгин WP-Recall) - трябва да комбинирате всичко в едно. Не искам да го правя на ръка.
2. Обичам да коментирам js (не толкова маниакално, но за да си помогна - когато се върна към него след дълго време), а коментарите в js не са коментари в php - в скрипта те са мъртва тежест във файла и увеличават неговия размер. И този файл се зарежда отпред.
3. Някой не иска js да се чете от човек. Е, никога не се знае... На помощ идва "обфускацията" (от лат. obfuscare - засенчвам, потъмнявам; и англ. obfuscate - правя неочевидно, объркващо, объркващо) - привеждане на изходния текст или изпълнимия код на програма във форма, която запазва нейната функционалност, но усложнява анализа, разбирането на алгоритмите на работа и модификацията по време на декомпилацията.
Идеално решение:
Пишете скриптове в различни файлове;
Коментирате ги „от сърце“;
Не пестете от имената на променливите (те трябва да говорят).
При освобождаване:
Обединяване на автоматично определени файлове в един;
Минимизирането става автоматично (премахване на интервали, тирета и коментари) - скриптът върви в един ред;
Файлът автоматично се маскира - имената на променливите се съкращават.
Всичко това води до намаляване на теглото на файла. В резултат на това се отразява на по-бързото изтегляне на файла.
Вижте примера (всички екранни снимки могат да се кликват):
Резултат от теглото на файла ~2 пъти
Е, дойде време да "пораснем". Изборът падна върху webpack. Но за да го инсталирате, ще трябва да инсталирате терминала Cygwin в NetBeans (по-нататък: netbins, ide), да инсталирате node.js с npm (мениджър на пакети на възли) вътре и след това просто да инсталирате самия уебпакет.
Приключението няма да свърши тук - в процеса на изпълнение на командата $ npm run build, ще трябва да доставите webpack-command и webpack-cli - защото В терминала ще се появи съобщение, че ги няма. Ще бъде невъзможно да продължим напред без тези пакети.
2. Глобални настройки и настройки:
През живота си никога не съм работил през терминала и командния ред. Всички бутони се натиснаха. Но тук няма да стане така.
2.1. Инсталирайте Cygwin терминал:
NetBeans ide има способността да работи през терминала.
Отворете някой от вашите проекти и ето го:
„Инструменти“ -> „Отвори в терминал“ 
Да отворим терминала
Когато отворите терминал, ide ще ви помоли да го инсталирате. Ще видите съобщение като това:
инсталирайте cygwin и рестартирайте ide
Cygwin е набор от помощни програми за стартиране на Windows чрез unix команди. Пакетът съдържа и терминал.
Има още няколко въпроса, които бих искал да задам по тази тема:
Минимизиране и групиране на css чрез webpack;
Автоматични префикси, базирани на услугата caniuse;
И разбира се компилиране на jsx чрез babel.
Всичко, разбира се, чрез netbins. Следователно този урок ще се счита за първи от поредицата.
p.s. ако забележите неточност или правописна грешка, имате въпроси или искате да коментирате текущата статия - добре дошли в коментарите.
Ако работите с webpack, но в друга идея - споделете впечатленията си в коментарите. Ако все още не го използвате, но гледате внимателно, напишете и с кой ide ще настроите close work.
Съвременното развитие е много тясно свързано с използването на Node JS. От своя страна Node JS се използва като обвивка за работа с NPM и неговите пакети (добре познатата папка node_modules).
В тази статия ще се опитам да изброя всички най-популярни команди за NPM: инсталиране, актуализиране, премахване на пакети и т.н.
Инструкции за НПМ
И все пак мисля, че си струва първо да споменем няколко важни конзолни команди за Node JS.
Как да изброя всички Node.js команди
За да видите списък с всички команди, налични в Node.js, трябва да въведете командата в конзолата:
Как да разберете версията на инсталирания Node.js
За да направите това, има команда node --version или кратка версия на командата node -v на същата команда. Тъй като краткостта е душата на остроумието, използвам командата:
Команди за NPM и работа с пакети, модули
Ако рисуваме NPM команди, тогава ще започнем и с това как да покажем всички налични npma команди в конзолата.
Ще се покаже списък с всички налични команди на мениджъра на пакети (npm), ако въведете командата npm help или съкратената версия npm -h в конзолата:
Командата npm -h ще изведе следния списък с налични команди в конзолата:
достъп, adduser, одит, bin, грешки, c, кеш, ci, cit, завършване, config, create, ddp, dedupe, deprecate, dist-tag, docs, doctor, edit, explore, get, help, help-search, hook, i, init, install, install-test, it, link, list, ln, login, logout, ls, outdated, owner, pack, ping, prefix, profile, prune, publish, rb, rebuild, repo, restart, root, run, run-script, s, se, search, set, shrinkwrap, star, stars, start, stop, t, team, test, token, tst, un, uninstall, unpublish, unstar, up, update, v, версия, изглед, whoami
За да видите инструкции за една от тези команди, трябва да въведете командата npm help COMANDA в конзолата, където COMANDA е името на командата от списъка.
Вижте например инструкциите за актуализиране:
npm помощ актуализация
Браузърът по подразбиране ще отвори страница с инструкции за тази команда. Инструкциите са локални и не изискват интернет връзка.
Как да проверите версията на NPM
За да разберете инсталираната версия на npm, трябва да въведете командата npm --version в терминала или съкратената версия на тази команда npm -v:
Как да актуализирате NPM
За разлика от Node.js, NPM знае как да се актуализира! За да актуализирате своя NPM до най-новата версия, въведете следната команда в терминала:
npm инсталирайте [имейл защитен]-g
npm актуализация npm -g
Инициализиране на NPM пакети
Инициализация на пакета- това е процесът на бързо инсталиране на NPM пакети, които са регистрирани във файла package.json
Командата npm init ще създаде файл package.json или ще инсталира предписаните пакети от файла package.json, ако такъв вече е създаден.
npm инициал
Работа с NPM пакети
Инсталирайте пакети от файла package.json:
npm инсталирайте
npm ще изтегли и инсталира всички пакети, посочени във файла package.json
Вижте списък с инсталирани пакети:
npm списък --depth=0
Вижте списък с инсталирани пакети, които трябва да бъдат актуализирани:
npm публикуван --depth=0
Списък на глобално инсталираните пакети, изискващи актуализации:
публикуван npm --depth=0 -g
Командата npm install package ви позволява да инсталирате всеки пакет по неговото име. Ако добавите префикса -g към командата, пакетът ще бъде инсталиран глобално на целия компютър.
npm инсталирайте ПАКЕТ
npm инсталирайте ПАКЕТ --save-dev
Инсталиране на глобален пакет:
npm инсталирате ПАКЕТ -g
Премахване на пакета:
npmr ПАКЕТПремахване на глобално инсталиран пакет:
npm rm ПАКЕТ -gАктуализиране на пакети:
npm нагореИ накрая, ако използвате Git версия контрол, не забравяйте да добавите към файла .gitignoreизключение за папки node_modulesза да попречи на git да индексира файлове в тази папка. За да направите това, създайте файл .gitignoreако все още не сте го създали, напишете го на отделен ред:
Node_modules/
Актуализирайте NPM пакети при промяна на основната версия
Ако пакетът NPM е променен на основна версия, т.е. първата цифра във версията на пакета е променена (например версията на пакета е 4.19.1, а последната версия е 5.3.0), тогава няма да да се актуализира с командата npm up. Това се прави от съображения за сигурност.
За да актуализирате основната версия, има следната команда:
npm i -g npm-проверка-актуализации && ncu -a && npm i
В резултат на това всички пакети ще бъдат актуализирани.
Правете такава актуализация само ако сте уверени и разбирате какво правите. Основната версия носи промени, за които има промени в настройките.
Вижте този видеоклип за ясно обяснение на версиите на NPM пакета:
Последна актуализация: 18.11.2018
В допълнение към вградените и персонализирани модули Node.js, има огромен слой от различни библиотеки и рамки, различни помощни програми, които са създадени от производители на трети страни и които също могат да се използват в проект, например express, grunt , глътка и т.н. И те също са достъпни за нас в рамките на Node.js. За да се улесни работата с всички решения на трети страни, те се разпространяват като пакети. Пакетът по същество е набор от функционалности.
За автоматизиране на инсталирането и актуализирането на пакети, като правило, се използва система за управление на пакети или мениджъри. Директно в Node.js за тази цел се използва мениджърът на пакети NPM (Node Package Manager). NPM е инсталиран с Node.js по подразбиране, така че не е необходимо да инсталирате нищо друго. Но можете да актуализирате инсталираната версия до най-новата. За да направите това, изпълнете следната команда в командния ред/терминал:
npm инсталирайте [имейл защитен]-g
За да разберете текущата версия на npm, в командния ред/терминал въведете следната команда:
За нас npm мениджърът е важен в смисъл, че е лесно да управляваме пакети с него. Например, нека създадем нова папка modulesapp на твърдия диск (В моя случай папката ще бъде разположена по пътя C:\node\modulesapp).
След това, например, нека инсталираме express в проекта. Express въвежда лека уеб рамка, за да улесни работата с Node.js. В този случай все още няма да разглеждаме подробно рамката Express, тъй като това е отделна голяма тема. И ние го използваме само за да разберем как модулите на трети страни са инсталирани в проекта.
За да инсталирате функционалността Express в проект, първо отидете до папката на проекта с помощта на командата cd. След това въвеждаме командата
npm инсталирайте експресно
След инсталиране на express, в папката на проекта modulesapp ще се появи подпапка node_modules, в която ще се съхраняват всички инсталирани външни модули. По-специално, поддиректорията node_modules/express ще съдържа файловете на Express framework.
// вземете експресния модул const express = require("express"); // създаване на приложение const app = express(); // задава манипулатор за маршрут "/" app.get("/", function(request, response)( response.end("Hello from Express!"); )); // започнете да слушате за връзки на порт 3000 app.listen(3000);
Първият ред получава инсталирания експресен модул, а вторият ред създава обект на приложение.
В Express можем да обвържем обработката на заявка с конкретни маршрути. Например "/" представлява главната страница или основния маршрут. Функцията app.get() се извиква, за да обработи заявката. Първият параметър на функцията е маршрутът, а вторият е функцията, която ще обработи заявката по този маршрут.
И за да може сървърът да започне да слуша за връзки, трябва да извикате метода app.listen(), на който се предава номера на порта.
Нека стартираме сървъра с командата node app.js:
И в адресната лента на браузъра въведете адреса http://localhost:3000/ :
package.json файл
За да управлява по-добре конфигурацията и пакетите на приложение, npm използва конфигурационния файл package.json. И така, нека добавим нов файл package.json към папката на проекта modulesapp:
( "име": "modulesapp", "версия": "1.0.0")
Тук са дефинирани само две секции: името на проекта е modulesapp и неговата версия е 1.0.0. Това е минималната необходима дефиниция на файла package.json. Този файл може да включва много повече раздели. Повече подробности можете да намерите в документацията.
Сега добавете експрес отново със следната команда:
npm install express --save
Флагът --save указва, че информацията за добавения пакет трябва да се добави към файла package.json.
И след като изпълним командата, ако отворим файла package.json, ще видим информация за пакета:
( "name": "modulesapp", "version": "1.0.0", "dependencies": ( "express": "^4.14.0") ) )
Информация за всички добавени пакети, които се използват при стартиране на приложението, се добавя към раздела за зависимости.
Файлът package.json играе голяма роля и може да улесни разработката в различни ситуации. Например, когато се поставят в различни хранилища, често сме ограничени от разпределеното дисково пространство, докато папката node_modules с всички изтеглени пакети може да заеме доста прилично пространство. В този случай е по-удобно да поставите основния код на проекта без node_modules. В този случай можем да дефинираме всички пакети във файла package.json и след това да изпълним командата за изтегляне на всички пакети
Тази команда ще вземе дефиницията на всички пакети от секциите за зависимости и ще ги зареди в проекта.
devDependencies
В допълнение към пакетите, които се използват в приложението, когато то работи, например, express, тоест в състояние "производство", има и пакети, които се използват при разработването на приложението и тестването му. Такива пакети се добавят към друг раздел - devDependencies. В горния пример той не е дефиниран, но ако добавим някакво грухтене или преглъщане, тогава те ще бъдат в раздела devDependencies.
Например, нека заредим пакета jasmine-node в проекта, който се използва за тестване на приложението:
npm инсталирате jasmine-node --save-dev
Флагът --save-dev указва, че информацията за пакета трябва да бъде запазена в секцията devDependencies на файла package.json:
( "name": "modulesapp", "version": "1.0.0", "dependencies": ( "express": "^4.14.0"), "devDependencies": ( "jasmine-node": "^1.14 .5" ))
Премахване на пакети
Командата npm uninstall се използва за премахване на пакети. Например:
npm деинсталиране експресно
Тази команда премахва пакета от папката node_modules, като оставя информация за пакета във файла package.json. За да премахнете информация и от package.json, използвайте флага --save:
npm деинсталиране експресно --save
Семантична версия
При определяне на версията на пакет се прилага семантично управление на версиите. Номерът на версията обикновено се дава в следния формат "major.minor.patch". Ако бъде открит бъг в приложение или пакет и той бъде коригиран, тогава номерът на „кръпка“ се увеличава с единица. Ако към пакета се добави някаква нова функционалност, която е съвместима с предишната версия на пакета, тогава това е малка промяна и броят на „малките“ се увеличава. Ако се направят някои големи промени в пакета, които са несъвместими с предишната версия, тогава "основният" брой се увеличава. Тоест, разглеждайки различни версии на пакети, можем да предположим колко големи са разликите в тях.
В експресния пример версията на пакета съдържа освен това допълнителен карет символ: "^4.14.0". Този символ означава, че инсталирането на пакета в проекта с помощта на командата npm install ще инсталира най-новата налична версия от 4.14.0. Всъщност това ще бъде най-новата налична версия между 4.14.0 и 5.0.0 (>=4.14.0 и<5.0.0). Более подробно про сематическое версионирование в npm можно посмотреть .
npm команди
NPM ви позволява да дефинирате команди във файла package.json, които изпълняват определени действия. Например, нека дефинираме следния файл app.js:
Нека име = process.argv; нека възраст = process.argv; console.log("име: " + име); console.log("възраст: " + възраст);
В този случай получаваме параметрите, предадени на приложението при стартиране.
И дефинирайте следния файл package.json:
( "name": "modulesapp", "version": "1.0.0", "scripts": ( "start": "node app.js", "dev": "node app.js Tom 26") ))
Тук е добавен раздел за скриптове, който дефинира две команди. Като цяло може да има много команди в съответствие с целите и задачите на разработчика.
Първата команда се нарича старт. По същество изпълнява командата node app.js, която изпълнява кода във файла app.js
Втората команда се нарича dev. Той също така изпълнява същия файл, но също така му предава два параметъра.
Имената на отборите могат да бъдат произволни. Но тук трябва да се има предвид едно нещо. Има, относително казано, запазени имена за команди, например start , test , run и редица други. Не са много от тях. И само първата команда от файла package.json, дефиниран по-горе, се нарича start. И за да изпълните такива команди в терминала / командния ред, трябва да изпълните командата
npm [име на команда]
Например, за да изпълните командата start
npm стартиране
Команди с други имена, като "dev" в горния файл, се изпълняват по следния начин:
npm изпълнение [име на команда]
Например, нека изпълним двете команди последователно.
JavaScript става все по-твърдо установен като предпочитан език за уеб разработчиците. Front-end разработчиците използват JavaScript, за да добавят интерактивност към потребителите, както и да комуникират директно с back-end услуги чрез AJAX.
JavaScript предоставя огромен брой възможности. Можете спокойно да подобрите уменията си и да не се притеснявате, че няма да можете да разработите пълноценни уеб приложения. Ключов компонент на Node.js е Chrome V8 JavaScript Revolution, който позволява JavaScript да се използва дори в задната част.
Node.jsможе да се използва и за писане на настолни приложения, както и за разработване на инструменти, които правят процеса на разработка на уеб приложения още по-бърз. Например с Node.js можете да превърнете CoffeeScript в JavaScript или SASS в CSS и много повече.
НПМпомага за инсталиране на различни модули за Node.js по удобен начин.
Предговор
Node не е нормална десктоп програма. Няма да се инсталира като Word или Photoshop и няма да получите пряк път на работния плот. Те могат да се използват само с инструкции на конзолата (с които трябва да сте поне малко запознати). Първоначално ще ви се стори, че не е удобно, но скоро ще свикнете и всичко ще си дойде на мястото.
Описание на инсталацията
Инсталирането на Node.js и NPM е много лесно. Всичко, което трябва да направите, е да отидете на официалния уебсайт на разработчика, да изтеглите файла и да го инсталирате на вашия компютър.
Стъпки на инсталиране
Тестване
Следвайте трите прости стъпки по-долу, за да се уверите, че всичко е инсталирано правилно.
Тестване на Node.js.Отворете конзолата на Windows и въведете node -v.
Тестване на NPM.Отворете конзолата на Windows и въведете npm -v.
Създайте файл.Създайте произволен файл, ще го кръстя hello.js и напишете console.log("Node.js е инсталиран"); , след което използвайки командата node, ще извикам файла hello.js: node hello.js - това трябва да отпечата „Node.js е инсталиран.“.
Как да актуализирам Node.js?
За да го актуализирате, трябва да изтеглите инсталатора отново и да повторите целия процес от самото начало.
бр.ч. е мениджър на пакети на JavaScript, който може да се използва за инсталиране, споделяне и разпространение на код и управление на зависимости във вашите проекти. Написан е изцяло на JavaScript, като вдъхновение от други подобни проекти като PEAR за PHP или CPAN за Perl. В този урок ще ви покажем как да инсталирате npm на Ubuntu 16.04 като операционна система.
Първото нещо, което трябва да направите, е да актуализирате системния си софтуер до най-новата налична версия. Можете да направите това със следната команда:
sudo apt-get актуализация && sudo apt-get -y надграждане
Процесът на актуализиране може да отнеме от няколко секунди до няколко минути в зависимост от софтуера, който ще се актуализира. След като системата ви е актуална, можете да продължите.
npm идва в комплект с Node.js, така че инсталирайте НПМимате нужда само ако сте инсталирали Node.js на вашия . Да се инсталирайте Node.js 4.x LTS на Ubuntu 16.04, изпълнете следните команди:
Curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash - sudo apt-get install -y nodejs
Алтернативно, за инсталиране на Node.js 6.x на Ubuntu 16.04, която е текущата версия на Node.js, изпълнете следните команди:
Curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash - sudo apt-get install -y nodejs
За да проверите дали инсталацията е била успешна, можете да проверите версията на npm:
Резултатът трябва да е подобен на този по-долу:
# npm -v 2.15.9
Добър начин да започнете да използвате npm е да прочетете страницата с ръководство за npm или документацията за npm. За да проверите страницата за помощ на npm, въведете следната команда:
npm помощ
Ето страницата за помощ на npm:
# npm помощ Използване: npm където е едно от: access, add-user, adduser, apihelp, author, bin, bugs, c, cache, completion, config, ddp, dedupe, deprecate, dist-tag, dist-tags, docs , редактиране, изследване, често задавани въпроси, намиране, намиране-подвеждания, получаване, помощ, помощ-търсене, начало, i, информация, init, инсталиране, проблеми, la, връзка, списък, ll, ln, влизане, излизане, ls, остарял , собственик, пакет, пинг, префикс, подрязване, публикуване, r, rb, възстановяване, премахване, репо, рестартиране, rm, root, стартиране на скрипт, s, se, търсене, задаване, показване, свиване, звезда, звезди, стартиране , стоп, t, етикет, екип, тест, tst, un, деинсталиране, премахване на връзката, премахване на публикуване, премахване на звезда, нагоре, актуализиране, надграждане, v, версия, изглед, whoami npm -h бърза помощ за npm -l показване на пълната информация за употребата npm често задавани въпроси npm помощ търсене на помощ в npm помощ npm включен преглед Посочете конфигурации в ini-форматиран файл: /root/.npmrc или в командния ред чрез: npm --key value Конфигурационната информация може да се види чрез: npm помощ конфиг [имейл защитен]/usr/lib/node_modules/npm
Документацията за npm е достъпна на
