Vue环境安装及配置
名词概念：
npm(node package manager) Nodejs下的包管理器；
nvm(node version manager) Nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs；
nrm(npm registry manager) npm镜像源管理工具；
Nodejs安装
nodejs下载地址：https://nodejs.org/en/
选择安装路径直接下一步安装即可，安装完成后检查：
node -v 查看node版本
npm -v 查看包管理器版本
npm常用命令：
npm config set prefix "D:\develop\nodejs\node_global"
npm config set cache "D:\develop\nodejs\node_cache"
配置镜像站
npm config set registry=http://registry.npm.taobao.org
npm config set registry https://registry.npmjs.org/
#查看所有配置信息
npm config list
nvm安装（可选）
nvm(node version manager) Nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs；
nvm下载地址：
https://github.com/coreybutler/nvm-windows/releases
下载nvm-setup.exe，选择安装路径直接下一步安装即可。
nvm ls 查看已安装的所有node版本
nvm -v 查看nodejs版本管理工具版本
npm安装vue.js
#npm安装vue.js
npm install vue -g
#安装vue-router
npm install vue-router -g
#安装vue脚手架
npm install vue-cli -g
通过脚手架创建项目，命令：
vue init webpack vue01
cd vue01
npm run dev
vue-01.png# 编译打包
npm run build
vue ui使用
# 查看脚手架版本
vue -V
# 启动vue ui
vue ui
然后根据提示，访问vue ui地址：http://localhost:8000
可线上创建项目、运行及打包等。
vue-ui-01.png扩展：
安装指定版本的vue：
npm install -g @vue/cli@版本号
例如 ：
npm install -g @vue/cli@3.11.0
安装最新版本vue：
npm install -g @vue/cli
或
yarn global add @vue/cli
卸载3.0之前vue的版本：
npm uninstall -g vue-cli
yarn global remove vue-cli
卸载3.0之后的版本（可以统一使用此指令卸载）
npm uninstall -g @vue/cli
yarn global remove @vue/cli
查看项目使用的Vue版本：
1.进入项目目录执行：npm list vue
2.进入项目中package.json文件直接查看
全局安装webpack命令：
npm install -g webpack
安装特定版本 webpack（比如 3.x.x）：
npm install -g webpack@3
查看webpack版本：
webpack -v
webpack --version
AnyWhere静态资源服务器
AnyWhere是一款随启随用的静态文件服务器，可以随时随地将你的当前目录变成一个静态文件服务器的根目录。
anywhere安装：
npm install anywhere -g
指定端口号启动：
anywhere 8888
nrm(npm registry manager) npm镜像源管理工具
npm源切换：
从淘宝源切换至npm源：
npm config set registry=http://registry.npmjs.org
但是老这样切来切去有点low啊，这时候nrm就派上用场了；nrm就是专门用来管理和快速切换私人配置的registry的一个工具。
安装nrm：
npm install nrm -g
nrm常用命令：
nrm ls 显示可选源
nrm add <registry> <url> 添加可选源
nrm use taobao 切换源
nrm del taobao 删除源
nrm test [registry] 测试源
*号在哪个地方就说明现在的源是哪个。
如果前面不显示*号，则需进入nrm目录，修改一行代码：
查看目录：
npm config list
目录：C:\Users\whwtr\AppData\Roaming\npm\node_modules\nrm
修改cli.js
第211行：
if (hasOwnProperty(customRegistries, name) && (name in registries ...
修改为
if (hasOwnProperty(customRegistries, name) || (name in registries
即&&替换为||
然后，重新执行
nrm use taobao
nrm ls
即可看到*号，如下所示：
C:\Users\whwtr>nrm ls
npm ---------- https://registry.npmjs.org/
yarn --------- https://registry.yarnpkg.com/
tencent ------ https://mirrors.cloud.tencent.com/npm/
cnpm --------- https://r.cnpmjs.org/
* taobao ------- https://registry.npmmirror.com/
npmMirror ---- https://skimdb.npmjs.com/registry/