Package management tools --npm, -cnpm, -yan, -cyarn

Node Package Manager , Node Package manager , It's also an application .

package ：Node.js The package basically follows CommonJS standard , Put together a set of related modules , Form a complete tool

effect ：  adopt NPM It can be done to Node Tool kit for 、 download 、 install 、 Delete 、 Upload . With the help of the bag written by others , It can make our development more convenient .

install ： installed nodejs Then it will be installed automatically npm

Common commands

see npm Version of   

npm -v 

initialization

npm init
npm init -y     # Folder name cannot be Chinese

  After running, it will create package.json file

{
  "name": "1-npm",      # The name of the bag
  "version": "1.0.0",   # The version of the package
  "description": "",    # Package description
  "main": "index.js",   # Package entry file
  "scripts": {            # Script configuration
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",            # author
  "license": "ISC"        # Copyright notice
} 

== Note that the generated package name cannot be in Chinese , Capitalization ！！！ Out of commission npm As the name of the package ==

==npm init The command is usually run in the root directory of the project , And git The command execution location is the same ==

 

Installation kit

npm install jquery
npm i jquery

# Install and install in package.json Save package information in (dependencies attribute )
npm install jquery --save
npm install jquery -S

# Install and install in package.json Save package information in (devDependencies attribute )
npm install babel --save-dev
npm install babel -D

6 Version of npm , The package will be automatically saved in dependencies in , You don't have to write --save

Global installation

 npm install less -g 
npm install nodemon -g 

Global installation is generally used to install global tools , Such as cnpm,yarn,webpack ,gulp etc. , Installation location of global commands

C:\Users\ Your username \AppData\Roaming\npm

The global installation command is available on any command line , Can be executed

Installation dependency

according to package.json Dependency declaration in , Installation kit  

npm i
npm install 

Remove package

 npm remove jquery

 

Usage flow

Team development uses processes

1. Pull the warehouse code from the warehouse

2. == function npm install Installation dependent ==

3. Run the project , Continue to develop

 

encapsulation NPM package

Create your own NPM Packages can help code evolve iteratively , The steps are also relatively simple

1. Change to the official address (npm config set registry https://registry.npmjs.org/)

2. Create folder , And create files index.js, Declare a function in a file , Use module.exports expose

3. npm Initialize the toolkit ,package.json Fill in the package information ( The name of the package is unique )

4. Account registration （ Activate account ）,== Complete mailbox verification ==

5. At the command line 『npm login』 Fill in relevant user information

6. At the command line 『 npm publish』 Submission package

npm There is a garbage detection mechanism , If the name is simple or do Test submission , It is likely that you will be refused to submit

== Try changing the package name to solve this problem ==

upgrade NPM package , Need modification package.json Revision of version number in , Just execute 『npm publish』 You can submit

1. Modify package code

2. modify package.json Medium version No

3. npm publish Submit

When others use this package , The current package needs to be upgraded , npm upgrade name Upgrade the currently used package

 

Delete npm package

npm unpublish Package name --force 

 

CNPM

 cnpm It's Taobao to foreign countries npm A full mirrored version of the server , That's Taobao npm Mirror image , Web site address npmmirror China mirror station

install

There are two ways to install and configure

• npm install -g cnpm --registry=https://registry.npm.taobao.org

• alias cnpm="npm --registry=https://registry.npm.taobao.org \ --cache=$HOME/.npm/.cache/cnpm \ --disturl=Package - dist \ --userconfig=$HOME/.cnpmrc" ( Only in Linux Next use )

Use

  When the configuration is complete , You can use cnpm Command to manage packages , How to use it npm equally

 cnpm install lodash

npm Configure image address

 // Taobao mirror
npm config set registry https://registry.npm.taobao.org
// Official mirror image   
npm config set registry https://registry.npmjs.org/

 

Yarn

 yarn yes Facebook Open source new package manager , Can be used instead of npm.

characteristic

yarn Compared with npm There are several characteristics

• Local cache . The installed package will not be installed remotely next time

• Parallel download . Download multiple packages at once , and npm Is a serial download

• Precise version control . Ensure that each installation is the same as the last one

install  

yarn install

  Just one command to install yarn

npm install yarn -g 

msi Installation package installation ：Installation | Yarn

Relevant command

yarn Related commands

1) yarn --version

2) yarn init // Generate package.json

3) yarn global add package ( Global installation )

4) yarn global dir View the location of the global installation

Global installation path C:\Users\ Your username \AppData\Local\Yarn\bin

4) yarn global remove less ( Global delete )

5) yarn add package ( Partial installation )

6) yarn add package --dev ( amount to npm Medium --save-dev)

7) yarn remove package remove

8) yarn list // List the installed package names Rarely used

9) yarn // install package.json All dependencies in

npm 5 Introduce offline cache , Improved installation speed , It has also been introduced. package-lock.json File enhanced version control

yarn Modify warehouse address

yarn config set registry https://registry.npm.taobao.org

 

 

CYarn

Follow npm And cnpm Same relationship , It can be for yarn Set the domestic Taobao image , Speed up installation  

npm install cyarn -g --registry "https://registry.npm.taobao.org" 

  After the configuration , Just put the yarn Change it to cyarn Just use it

 

attach ：

Install the specified version of the toolkit  

yarn add [email protected] 

 npm Clear cache

 npm cache clean

 

environment variable Path Set up

1. This computer -> Right click Properties

2. Advanced system setup

3. Click environment variable

4. double-click Path A variable's value

5. newly build -> Add folder path

6. Make sure along the way