使用包管理器npm安装和管理项目的依赖

一、简介

npm(node package manager)是世界上最大的软件注册表，每星期大约有30亿次的下载量，包含超过600000个包(即代码模块）。来自各大洲的开源软件开发者使用npm互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。是Node.js默认的、以JavaScript编写的软件包管理系统。

npm使用一个名为package.json的文件，用户可以通过npm install --save命令把项目里所有的依赖项保存在这个文件里。

官网网址：http://www.npmjs.com

二、安装node.js

2.1 下载网址：Node.js 中文网

2.2 验证安装是否成功

node  -v        显示版本号就是安装成功了。

 2.3 操作node里面自带工具npm

npm  -v        显示版本号就是安装成功了。

npm install npm -g(全局安装)      重新安装npm

安装时

安装成功

npm uninstall -g                           卸载npm   

dir                                                查看文件信息    

2.4 npm镜像的设置与查看

搭建环境通过如下代码npm设置成淘宝镜像

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

设置当前地址（设置为默认地址）

npm config set registry https://registry.npmjs.org/

查看镜像的配置结果

npm config get registry

npm config get disturl

使用nrm工具切换淘宝yuan

npx nrm use taobao

切换回官方源可使用

npx nrm use npm

三、npm基本使用

3.1 npm基本使用命令

3.2 npm常用命令

3.3 package.json属性说明

3.4 ES6兼容性解决

兼容表   http://kangax.github.io/compat-table/es6/
IE10+、Chrome、FireFox、移动端、NodeJS都支持

兼容低版本浏览器

•     在线转换（加大页面渲染时间）
•     提前编译（不影响浏览器渲染时间）

四、Yarn

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。

官网：https://yarnpkg.com/

4.1 Yarn的安装

下载node.js,使用npm安装 

npm install -g yarn    

yarn --verdion           查看版本 

安装node.js，下载yarn的安装程序

提供一个.msi文件，在运行时将引导在Windows上安装Yarn

Yarn淘宝源安装，分别复制粘贴下面的代码到黑窗口运行即可

yarn config set registry http://registry.npm.taobao.org -g

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

4.2 Yarn的基本使用

 4.3 Yarn的优点

• 速度快
• 安装版本统一
• 更简洁的输出
• 多注册来源处理
• 更好的语义化

 4.4 从npm迁移到yarn

可以从npm迁移到yarn，也可以从yarn到npm

五、CLI 命令比较

npm (v5)	Yarn
npm install	yarn install
(不适用)	yarn install --flat
(不适用)	yarn install --har
npm install --no-package-lock	yarn install --no-lockfile
(不适用)	yarn install --pure-lockfile
npm install [package]	yarn add [package]
npm install [package] --save-dev	yarn add [package] --dev
(不适用)	yarn add [package] --peer
npm install [package] --save-optional	yarn add [package] --optional
npm install [package] --save-exact	yarn add [package] --exact
(不适用)	yarn add [package] --tilde
npm install [package] --global	yarn global add [package]
npm update --global	yarn global upgrade
npm rebuild	yarn install --force
npm uninstall [package]	yarn remove [package]
npm cache clean	yarn cache clean [package]
rm -rf node_modules && npm install	yarn upgrade