npm/cnpm/yarn相关内容

一、安装npm

（下载安装完node后，自动下载安装完npm）

查看版本

npm init 把一个普通文件变成包，设置包的名称，自动生成package.json

（package.json描述文件）

npm config set registry http://registry.npm.taobao.org/

使npm下载东西更加迅速

安装babel-cli, babel-preset-es2015和browserify

安装uniq库

自动生成以下两个文件：

Package.json文件中

Package-lock.json文件中

 

二、常用命令

1.依赖

（1）安装到生产依赖中(默认)

npm i jquery

（2）安装到开发依赖中

安装eslint

node_modules文件中瞬间出现许多文件

(因此提交到服务器上时，不会提交这个文件，只用提交package.json文件，因为文件太大)

查看全局安装的位置：npm root –g

查看安装的所有包

npm i安装package.json中声明的所有包

将文件夹中除package.json之外的文件删除，

自动生成了其他两个包

查看npm仓库中xxxx包的最新版本

npm view xxxxx version

查看远程npm仓库中xxxx包的所有版本信息

npm view xxxxx versions

 

安装xxx包的yyy版本

npm i xxx@yyy

查看我们所安装的xxxx包的版本

npm ls xxxx

移除包，移除uniq

移除成功

检测项目依赖中的一些问题，并且尝试着修复

npm aduit fix

注：

"^3.x.x" ：锁定大版本，以后安装包的时候，保证包是3.x.x版本，x默认取最新的。

"~3.1.x" ：锁定小版本，以后安装包的时候，保证包是3.1.x版本，x默认取最新的。

"3.1.1" ：锁定完整版本，以后安装包的时候，保证包必须是3.1.1版本。

 

三、cnpm相关命令

安装npm后，每次我们安装包时，我们的电脑都要和npm服务器进行对话，去npm仓库

获取包。

因为npm的远程服务器在国外，所以有时候难免出现访问过慢，甚至无法访问的情况。

为了解决这个问题，淘宝为我们搭建了一个国内的npm服务器，它目前是每隔10分钟将国

外npm仓库的所有内容“搬运”回国内的服务器上，这样我们直接访问淘宝的国内服务器就

可以了，它的地址是：https://registry.npm.taobao.org

两种使用方法

（1）替换npm仓库地址为淘宝镜像地址（推荐）

（2）直接安装cnpm

第一种

 npm默认的仓库地址为：http://registry.npmjs.org

（由于之前替换npm仓库地址为淘宝镜像地址，所以地址为cnpm的地址）

查看当前npm仓库地址命令：npm config get registry

以后安装时，依然用npm命令，但是实际是从淘宝国内服务器下载的

第二种

安装淘宝提供的cnpm，并更改服务器地址为淘宝的国内地址

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

之后安装直接用cnpm代替npm

导入uniq和jquery库

不加上--save，不会自动加入到包中，没有lock文件，只生成了node_modules文件，

而且，node_modules中会生成相应的快捷方式，不干净

当移除库时，会把所有的库移除

 

所以第二种方法尽量不用

四、yarn命令

yarn使用本地缓存，有时甚至无需互联网连接就能安装本地已经缓存过的依赖项

安装：（安装时要开启管理员权限）

npm install –g yarn

由于yarn的全局安装位置与npm不同，所以要配置yarn的全局安装路径到环境变量中，否则全局安装的包不起作用。

获取yarn全局安装位置

yarn global dir

配置环境变量

初始化项目

设置淘宝镜像

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

安装uniq库和jquery库

yarn add xxx

 

yarn.lock文件中

下载项目的所有声明的依赖

（删除yarn.lock和node_modules文件）

yarn

 

删除依赖包

yarn remove xxxx

删除全局依赖包

yarn global remove xxx

以上都是运行时的依赖（或生产时的依赖）

安装开发时的依赖eslint

yarn add eslint –D

查看某个包的信息

yarn info xxxx

本文原创，允许转载，但转载必须附链接。谢谢