npm-pakkebehandler. Kommandoer for arbeid med NPM

Global pakkeinstallasjon

I tillegg, siden http-serverpakken har sin egen kjørbare fil, vil denne filen også bli installert som http-serveren kjørbar og tilgjengelig i kommandoer.
Nå kan du ganske enkelt kjøre kommandoen:
http-server

Fjerner en lokalt installert pakke

Fjerner en globalt installert pakke

Installere en spesifikk pakkeversjon

Installere en modul fra Github

Koble til eventuelle pakker lokalt

Lokale pakkeforeninger for flere applikasjoner

Koble fra applikasjonspakker

Node.js gjør det mulig å skrive applikasjoner på serversiden i JavaScript. Den er bygget på JavaScript V8-motoren og skrevet i C++ – noe som gjør den rask. Det ble opprinnelig laget som et servermiljø for applikasjoner, men utviklere begynte å bruke det til å lage verktøy som hjelper til med å automatisere lokale oppgaver. Som et resultat førte et nytt økosystem av verktøy (som Grunt og Gulp) som dukket opp rundt Node.js til en transformasjon av front-end-utviklingsprosessen.

For å bruke alle disse verktøyene (eller pakkene) i Node.js trenger vi muligheten til å installere og administrere dem. For dette ble npm, Node.js-pakkebehandleren, opprettet. Den installerer pakkene du trenger og gir et praktisk grensesnitt for å jobbe med dem. Men før du begynner å bruke npm, må du installere Node.js på systemet ditt.

Installerer Node.js

I denne artikkelen vil vi bruke den stabile versjonen 5.7.0.

Du kan se hvor Node er installert og sjekke versjonen ved å bruke følgende kommandoer:

$ hvilken node /usr/local/bin/node $ node --versjon v5.7.0

For å sikre at installasjonen var vellykket, la oss kjøre noen få kommandoer i Nodes enkle interaktive miljø (REPL).

$ node > console.log("Node kjører"); Node kjører > .help .break Noen ganger blir du sittende fast, dette får deg ut .clear Alias ​​​​for .break .exit Avslutt repl .help Vis repl-alternativer .last Last inn JS fra en fil til REPL-økten .save Lagre alle evaluerte kommandoer i denne REPL-økten til en fil > .exit

Installasjonen fungerer, så nå kan vi fokusere på npm, som er inkludert i installasjonen.

$ hvilke npm /usr/local/bin/npm $ npm --versjon 3.6.0

Nodepakker

Med npm kan du installere pakker lokalt eller globalt. I lokal modus installeres pakker i node_modules-katalogen til overordnet katalog. Eieren av katalogen er den nåværende brukeren. Globale pakker er installert i katalogen (prefiks)/lib/node_modules/, som eies av root (prefikset i dette tilfellet er vanligvis /usr/ eller /usr/local). Dette betyr at du må bruke sudo for å installere pakker globalt, noe som kan forårsake tillatelsesfeil når du løser tredjepartsavhengigheter, og også skaper et sikkerhetsproblem. La oss endre dette:

Endre installasjonsplasseringen for globale pakker

La oss se hva npm config-kommandoen forteller oss.

$ npm konfigurasjonsliste ; cli configs user-agent = "npm/3.6.0 node/v5.7.0 linux x64" ; node bin plassering = /usr/local/bin/node ; cwd = /home/sitepoint ; HOME = /home/sitepoint ; "npm config ls -l" for å vise alle standardinnstillinger.

Vi har mottatt grunnleggende informasjon om installasjonen. Nå er det viktig å finne ut hvor de globale pakkene er installert:

$ npm config få prefikset /usr/local

Vi ønsker å endre dette prefikset slik at vi installerer pakker i hjemmekatalogen vår. For å gjøre dette, opprett en mappe i hjemmekatalogen.node_modules_global og spesifiser den som plassering for installasjon av pakker i konfigurasjonen:

$ cd && mkdir .node_modules_global $ npm config set prefix=$HOME/.node_modules_global

Ved å gjøre denne lille endringen i konfigurasjonen, endret vi plasseringen for global installasjon av pakker. Vi har også nå en .npmrc-fil i hjemmekatalogen vår.

$ npm config få prefiks /home/sitepoint/.node_modules_global $ cat .npmrc prefix=/home/sitepoint/.node_modules_global

Selve npm er fortsatt installert i en katalog som eies av root. Men siden vi har endret hvor de globale pakkene er installert, kan vi dra nytte av dette. Vi vil installere npm igjen, men denne gangen til stedet vi spesifiserte. Samtidig vil vi få siste versjon av npm.

$ npm installer npm --global /home/sitepoint/.node_modules_global/bin/npm -> /home/sitepoint/.node_modules_global/lib/node_modules/npm/bin/npm-cli.js /home/sitepoint/.node_modules_global/lib └── [e-postbeskyttet]

Til slutt må vi legge til .node_modules_global/bin i miljøvariabelen $PATH slik at vi kan kjøre globale pakker fra kommandolinjen. La oss gjøre dette ved å legge til følgende linje i .profile- eller .bash_profile-filen og starte terminalen på nytt.

Eksporter PATH="$HOME/.node_modules_global/bin:$PATH"

Nå vil kommandoskallet umiddelbart finne pakker installert i .node_modules_global/bin og bruke riktig npm-versjon.

$ hvilke npm /home/sitepoint/.node_modules_global/bin/npm $ npm --versjon 3.7.5

Global pakkeinstallasjon

For øyeblikket har vi allerede én global pakke - dette er selve npm-pakken. La oss endre dette og installere en annen pakke, dette vil være UglifyJS (et JavaScript-minifikasjonsverktøy). For global installasjon, bruk --global flagget, som kan forkortes som -g .

$ npm installer uglify-js --global /home/sitepoint/.node_modules_global/lib └─┬ [e-postbeskyttet] ├── [e-postbeskyttet] ├── [e-postbeskyttet] ├── [e-postbeskyttet] └─┬ [e-postbeskyttet] ├── [e-postbeskyttet] ├─┬ [e-postbeskyttet] │ ├─┬ [e-postbeskyttet] │ │ ├─┬ [e-postbeskyttet] │ │ │ ├─┬ [e-postbeskyttet] │ │ │ │ └── [e-postbeskyttet] │ │ │ ├── [e-postbeskyttet] │ │ │ └── [e-postbeskyttet] │ │ └── [e-postbeskyttet] │ ├── [e-postbeskyttet] │ └── [e-postbeskyttet] ├─┬ [e-postbeskyttet] │ └── [e-postbeskyttet] └── [e-postbeskyttet]

Som du kan se fra konsollens utgang, har vi flere pakker installert - dette er UglifyJS-avhengighetene.

Viser installerte pakker

Vi kan liste globalt installerte pakker ved å bruke kommandoen npm list med --global-alternativet:

$ npm liste --global ├─┬ [e-postbeskyttet] │ ├── [e-postbeskyttet] │ ├── [e-postbeskyttet] │ ├── [e-postbeskyttet] │ ├── [e-postbeskyttet].................... └─┬ [e-postbeskyttet] ├── [e-postbeskyttet] ├── [e-postbeskyttet] ├── [e-postbeskyttet]

Denne listeutgangen, med alle avhengighetene, er overmettet. Vi kan vise den i en mer lesbar form ved å bruke --depth=0-alternativet:

$ npm liste -g --depth=0 ├── [e-postbeskyttet] └── [e-postbeskyttet]

Det har blitt bedre – nå ser vi kun en liste over installerte pakker med deres versjonsnumre, uten avhengigheter.

Vi kan nå behandle JavaScript-filer i terminalen ved hjelp av UglifyJS. For eksempel vil følgende kommando lage en minifisert example.min.js fra example.js-filen:

$ uglifyjs example.js -o example.min.js

Lokal installasjon av pakker

Lokal installasjon brukes av npm som standard, det vil si at det er nok å ikke bruke --global flagget. Pakken vil bli installert i node_modules-katalogen til overordnet katalog. La oss lage en katalog med prosjektet i hjemmekatalogen vår:

$ mkdir ~/prosjekt && cd ~/prosjekt $ npm installer understrek /home/sitepoint/project └── [e-postbeskyttet]$ ls node_modules $ ls node_modules understrek

Oppføring av lokale pakker

Akkurat som i tilfellet med globale pakker, vises listen over lokale med kommandoen npm list:

$ npm liste /home/sitepoint/project └── [e-postbeskyttet]

Som du kan se, kan vi installere lokale pakker hvor som helst. Dette betyr også at vi kan opprette en annen katalog og installere en annen versjon av pakken der (i vårt tilfelle understrekningsbiblioteket).

Fjerner lokale pakker

Siden npm er en pakkebehandling, har den muligheten til å fjerne pakker. La oss anta at versjonen av understrek installert i forrige eksempel forårsaker kompatibilitetsproblemer. Vi kan fjerne denne pakken og installere en eldre versjon.

$ npm avinstaller understrek - [e-postbeskyttet] node_modules/underscore $ npm list /home/sitepoint/project └── (tom)

Installere en spesifikk versjon av en pakke

La oss nå installere den nødvendige versjonen av understrek. I installasjonskommandoen er versjonsnummeret angitt etter @-symbolet:

$ npm installasjon [e-postbeskyttet]/home/sitepoint/project └── [e-postbeskyttet]$ npm liste /home/sitepoint/project └── [e-postbeskyttet]

Pakkeoppdatering

Den siste versjonen av understrek har fikset en feil som plaget oss, og vi ønsker å oppdatere versjonen av denne pakken.

$ npm oppdatering understrek [e-postbeskyttet] node_modules/underscore $ npm list /home/sitepoint/project └── [e-postbeskyttet]

Merk: For denne artikkelen ble understrekningsbiblioteket oppført som en avhengighet i package.json (se).

Søk i pakker

Vi har allerede brukt mkdir-kommandoen et par ganger. Finnes det en nodepakke med lignende funksjonalitet?

$ npm søk mkdir npm ADVARSEL Å bygge den lokale indeksen for første gang, vær tålmodig

Konklusjon

Denne artikkelen dekker det grunnleggende om å jobbe med npm. Jeg viste hvordan du installerer Node.js, hvordan du endrer hvor globale pakker er installert (slik at vi kan unngå å bruke sudo), og hvordan du installerer pakker lokalt og globalt. Jeg dekket også fjerning, oppdatering og installasjon av en spesifikk versjon av en pakke, samt administrasjon av prosjektavhengigheter.

Det er tusenvis av pakker i npm-katalogen og antallet vil vokse, gitt jQuerys kunngjøring om at alle plugins vil bli publisert som npm-pakker.

Det er rikelig med dokumentasjon som dekker spørsmålet "Hvorfor node?" Men det som virkelig betyr noe for meg er ikke hvor Node er i dag, men hvor det vil være i morgen. Uten tvil har Rails-fellesskapet brakt mye til bordet, men alle disse gode ideene er vanskelige å svelge fordi de er låst inne i Ruby. Så fantastisk som Ruby er, ikke alle ønsker å bli Ruby-utviklere.

Avhengig av installasjonsprosessen, kan npm være installert eller ikke. For å sjekke, bare kjør:

$ npm --versjon

Hvis npm ikke er installert, gjør følgende:

$ curl http://npmjs.org/install.sh | sh

npm er pakkebehandleren for Node, så du kan ikke bruke en pakkebehandler til å installere en pakkebehandler.

Bruker npm

Nå som npm er installert, er alle registrerte pakker bare en kommando i konsollen. For å installere en grunnleggende pakke, kjør:

$ npm installasjon<пакет>

Denne metoden vil installere pakken i node_modules-mappen i forhold til prosjektet ditt. Noen ganger må du installere biblioteker globalt slik at du kan få tilgang til dem fra en hvilken som helst applikasjonskode uten at du nødvendigvis trenger dem som en avhengighet.

For å gjøre dette må du legge til -g-flagget under installasjonsprosessen:

$ npm installer -g<пакет>

Avhengig av hvordan Node.js er installert på systemet ditt, har du kanskje ikke tilgang til å installere den globale pakken. For å komme rundt dette, legg til sudo-kommandoen i begynnelsen:

$ sudo npm installer -g<пакет>

Bruke npm med et prosjekt

Den vanligste brukssaken for npm er å opprettholde et avhengighetsmanifest for prosjektet ditt. Alt dette er lagret i filen package.json.

Du kan lage denne filen selv, selv om det også finnes metoder for å generere denne filen. I hvilken som helst mappe, bare kjør npm init og konsollen vil ta deg gjennom en rekke spørsmål, noe som resulterer i noe som dette:

( "name": "toss-this", "version": "0.0.0", "description": "", "main": "index.js", "scripts": ( "test": "echo\ "Feil: ingen test spesifisert\" && exit 1" ), "author": "", "license": "ISC")

Hvis prosjektet ditt allerede inneholder package.json, er det veldig enkelt å legge til pakken ved å bruke npm install. Bare ta med --save-flagget i kommandoen slik:

$ npm installasjon<пакет>--lagre

Hvis du legger til Grunt i prosjektet, oppdateres package.json ved å legge til avhengighetsobjektet til filen:

( "name": "toss-this", "version": "0.0.0", "description": "", "main": "index.js", "scripts": ( "test": "echo\ "Feil: ingen test spesifisert\" && exit 1"), "author": "", "license": "ISC", "dependencies": ( "grunt": "^0.4.5") )

I tillegg til dette, hvis du vil spesifisere en avhengighet kun for utvikling og ikke for produksjonsprosjektet, send deretter -dev-flagget:

$ npm installasjon<пакет>--save-dev

Ved å legge til Gulp som en utviklingsavhengighet, vises et devDependencies-objekt i filen package.json:

( "name": "toss-this", "version": "0.0.0", "description": "", "main": "index.js", "scripts": ( "test": "echo\ "Feil: ingen test spesifisert\" && exit 1"), "author": "", "license": "ISC", "dependencies": ( "grunt": "^0.4.5"), "devDependencies": ("gulp": "^3.6.2") )

Lær mer om npm

npm er et overraskende komplekst verktøy når det kommer til pakkehåndtering. Se dette npm-juksearket for flere detaljer.

Finn ut mer om package.json

package.json inneholder mange funksjoner. For å finne ut mer om hvordan det hele fungerer, besøk

JavaScript er en integrert del av webutvikling. Frontend-utviklere bruker JavaScript for å forbedre brukergrensesnittet, legge til interaktivitet, AJAX-dataoverføring, etc.

Faktisk, med tilstrekkelig kunnskap om JavaScript, kan du jobbe med "full stack" webapplikasjoner. Nøkkelen til dette er Node.js, som gjør det mulig å kjøre JavaScript på serversiden.

Node.js brukes også i utvikling av skrivebordsapplikasjoner og applikasjonsdistribusjonsverktøy som gjør nettapplikasjoner enklere. For eksempel, ved å installere Node.js på datamaskinen din, kan du raskt konvertere CoffeeScript til JavaScript, SASS til CSS, og redusere størrelsen på HTML-, JavaScript- og grafikkfilene dine.

I tillegg til at Node.js er installert, trenger du også NPM, som er designet for å installere og administrere Node.js-moduler. Med NPM kan du legge til mange nye og nyttige verktøy til prosjektet ditt mye enklere.

Hvordan jobbe med Node.js

Node.js er ikke et program som du bare starter ved å klikke på et ikon, du finner det ikke på oppgavelinjen eller i applikasjonslisten. For å bruke Node.js må du kjøre kommandoer (instruksjoner) i konsollen (kommandolinjen), så vær forberedt på dette.

Installerer Node.js

Å installere Node.js og NPM er ganske enkelt, alt gjøres ved hjelp av en installasjonspakke som kan lastes ned fra nettstedet til Node.js: .

1. Last ned installasjonsprogrammet for Windows fra det offisielle nettstedet

2. Kjør installasjonsprogrammet

3. Følg instruksjonene i installasjonsprogrammet

4. Start datamaskinen på nytt for at Node.js skal fungere riktig

Kontrollerer riktig installasjon av Node.js og NPM

For å sikre at alt er installert på riktig måte, må du kjøre enkle kommandoer.

Sjekker Node.js

For å sjekke Node.js må du åpne kommandolinjen (konsoll (Win + R og skriv inn cmd)) og kjøre kommandoen:

Kommandoen vil returnere gjeldende versjon av node.js

Sjekker NPM

For å sjekke om NPM er installert, må du kjøre kommandoen på kommandolinjen (konsollen):

Kommandoen vil returnere gjeldende NPM-versjon

La oss prøve hvordan node.js fungerer med en fil

Lag for eksempel en test.js-fil med følgende innhold:

Console.log("Node er installert!");

Og på kommandolinjen (konsollen) kjør følgende kommando:

Node test.js

Slik oppdaterer du Node.js og NPM

For å installere nye versjoner av Node.js og NPM, last ned den nyeste versjonen av pakken fra den offisielle nettsiden og kjør den.

Slik fjerner du Node.js og NPM

Node.js og NPM avinstalleres akkurat som de fleste programmer i Windows. De. Kontrollpanel => Avinstaller et program, velg Node.js, høyreklikk og velg Avinstaller.

Node.js-pakker

Også på NPM-nettstedet () er alle offisielle Node.js-pakker oppført.

I denne guiden vil jeg fortelle deg hvordan du installerer webpack, dens avhengigheter og konfigurerer sammenslåings- og minifiseringsskript gjennom den.
Dette er første del av serien «Webpack in a NetBeans project».

1. Hvorfor er alt dette nødvendig:

1. Flere ganger i prosjekter trengte jeg å kombinere flere skript til ett. Grunnen til denne inndelingen er at hvert script utfører sin egen oppgave, og for å redusere http-forespørsler ved utgivelse av en plugin (eller et tillegg til WordPress-plugin WP-Recall), må alt kombineres til ett. Jeg vil ikke gjøre dette for hånd.

2. Jeg liker å kommentere js (ikke manisk, men for å hjelpe meg selv - når jeg kommer tilbake til det etter lang tid), og kommentarer i js er ikke kommentarer i php - i scriptet blir de en dødvekt i filen og øker dens størrelse. Og denne filen er lastet inn foran.

3. Noen vil ikke at js skal leses av mennesker. Vel, du vet aldri ... "Obfuscation" kommer til unnsetning (fra latin obfuscare - å obscure, darken; og engelsk obfuscate - å gjøre unobvious, forvirrende, forvirrende) - bringer kildeteksten eller den kjørbare koden til et program til en form som bevarer funksjonaliteten, men som gjør det vanskelig å analysere, forstå driftsalgoritmer og modifisere under dekompilering.

Ideell løsning:

Du skriver skript i forskjellige filer;
Du kommenterer dem "fra hjertet";
Ikke spar på navnene på variablene (de bør være meningsfulle).

Ved utgivelse:

Du kombinerer automatisk spesifiserte filer til én;
Minimering skjer automatisk (fjerner mellomrom, bindestreker og kommentarer) - skriptet går på én linje;
Filen blir automatisk sløret - variabelnavn forkortes.

Alt dette fører til en reduksjon i filvekten. Noe som til syvende og sist påvirker raskere fillasting.

Se på eksemplet (alle skjermbilder er klikkbare):
Resultat av filvekt ~2 ganger

Vel, tiden for å "vokse videre" har kommet. Valget falt på webpack. Men for å installere den, må du installere Cygwin-terminalen i NetBeans (heretter: netbeans, ide), installere node.js med npm (node-pakkebehandling) inni, og så er det bare å installere selve webpakken.
Eventyret slutter ikke her - i prosessen med å kjøre kommandoen $ npm run build må du levere webpack-command og webpack-cli - fordi Det vises en melding i terminalen om at de ikke er der. Det vil være umulig å komme seg videre uten disse pakkene.

2. Globale innstillinger og innstillinger:

Jeg har aldri jobbet gjennom terminalen eller kommandolinjen i mitt liv. Jeg fortsatte å trykke på knappene. Men det vil ikke fungere slik her.

2.1. Installer Cygwin-terminalen:

ide NetBeans har muligheten til å jobbe gjennom terminalen.
Vi åpner alle våre prosjekter, og her ligger det:
"Verktøy" -> "Åpne i terminal"

La oss åpne terminalen

Når du åpner en terminal, vil ide be deg om å installere den. Du vil se en melding som denne:

installer Cygwin og start ID på nytt

Cygwin er et sett med verktøy for å kjøre Windows via Unix-kommandoer. Pakken inneholder også en terminal.

Jeg er interessert i å løse et par flere spørsmål om dette emnet:
Forminske og slå sammen css via webpack;
Autoprefikser basert på caniuse-tjeneste;
Og selvfølgelig, jsx-samling via babel.

Alt selvfølgelig gjennom nettbinger. Derfor vil vi vurdere denne leksjonen som den første i en serie.

p.s. Hvis du oppdager en unøyaktighet eller skrivefeil, har spørsmål eller ønsker å kommentere den gjeldende artikkelen, velkommen til å kommentere.

Hvis du jobber med webpack, men i en annen ide, del inntrykkene dine i kommentarfeltet. Hvis du ikke bruker det ennå, men ser nøye etter, skriv også med hvilken idé du vil sette opp nærarbeid.