Vue环境搭建
Node.js是什么？
node.js简介
简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
Node.js下载与安装
参考地址：https://www.runoob.com/nodejs/nodejs-install-setup.html
Node.js环境变量配置
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。（是否配置自行选择）
参考地址：https://www.cnblogs.com/coder-lzh/p/9232192.html
Npm是什么？
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
cnpm是什么？
大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm
安装：
npm config get registry //查看下载源地址
https://registry.npmjs.org/ //这个地址是在国外，访问较慢npm install -g cnpm --registry=https://registry.npm.taobao.org //安装npm淘宝镜像地址
安装完后查看版本：cnpm -v
注意：
成功后会有版本信息返回，不成功有可能是node版本低。
转换到原来的地址
npm config set registry https://registry.npmjs.org/
yarn是什么？
Apache Hadoop YARN （Yet Another Resource Negotiator，另一种资源协调者）是一种新的 Hadoop 资源管理器，它是一个通用资源管理系统，可为上层应用提供统一的资源管理和调度，它的引入为集群在利用率、资源统一管理和数据共享等方面带来了巨大好处。
安装：
安装方式一：使用npm/cnpm安装【非官方推荐安装方式】
cnpm i yarn –g或npm i yarn -g
安装方式二：
https://yarn.bootcss.com/docs/install/#windows-stable（此链接存在多种安装方式供使用）
Yarn 设置淘宝镜像
1.查询当前配置的镜像
yarn config get registry //查看下载源地址
https://registry.yarnpkg.com //这个地址是在国外，访问较慢
2.设置成淘宝镜像
yarn config set registry http://registry.npm.taobao.org/
npm、cnpm、yarn之间的区别
“yarn和npm都是包管理工具，但是yarn是崭新的，经过重新设计的npm客户端，于2016年10月发布，相比于npm，yarn在运行速度上有显著的提升，安装时间变少，功能上也有很多改进。”
1. yarn虽然和nom一样是本地缓存，但是yarn无需互联网链接就能安装本地缓存的依赖项，提供了离线模式，而这个是npm实现不了的。
2. yarn解决了由于语义版本控制而导致的npm的不确定性问题，通过安装时创建的默认文件，确保使用的库的版本相同。
3. yarn增加了一些能让开发人员并行化处理所有必需的操作，且通过添加了一些改进，使得运行速度有了显著的提升，整个安装时间也变得更少。
4. npm的输出信息比较冗长，相比之下，yarn简洁很多。默认情况下，直观且直接地打印出必要的信息。
5. yarn的语义相对于npm更加清晰，主要是因为yarn改变了一些npm的命令名称，看上去就更清晰了。
注意：
- 在yarn中，一旦通过生产模式安装了某个依赖，那么在以开发模式安装他是无效的，而通过cnpm则是可以的。
- 如果通过cnpn和yarn都全局安装了某个带cli的模块，你调用时使用的可能是cnpm安装的模块
- 用空格隔开多个模块名可以安装多个模块，如同cnpm一样: yarn add echarts gulp
在npm5.0之前，yarn的优势特别明显。但是在npm5.0之后在速度和使用上确实有了很大提升，值得尝试，不过还没有超过yarn
npm5.0的改进
- 默认新增了类似yarn.lock的 package-lock.json；
- git 依赖支持优化：这个特性在需要安装大量内部项目（例如在没有自建源的内网开发），或需要使用某些依赖的未发布版本时很有用。在这之前可能需要使用指定 commit_id 的方式来控制版本。
- 文件依赖优化：在之前的版本，如果将本地目录作为依赖来安装，将会把文件目录作为副本拷贝到 node_modules 中。而在 npm5 中，将改为使用创建 symlinks 的方式来实现（使用本地 tarball 包除外），而不再执行文件拷贝。这将会提升安装速度。目前yarn还不支持。
npm、cnpm、yarn常用指令
| npm | cnpm | yarn | 备注 |
|---|---|---|---|
rimraf node_modules | 删除依赖(需要npm install rimraf -g 才能使用)