node安装及cnpm(yarn)的配置和 vue

1. 下载nodejs

http://nodejs.cn/download/

2. 下载好之后, 我在D盘新建了node文件夹, 将nodejs安装到此位置, (傻瓜式安装就好)安装好之后, 在此地址栏输入cmd


3. 输入node -v, 会出现相应的版本号

4. 使用淘宝 NPM 镜像定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

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

淘宝 NPM 镜像网址 : https://developer.aliyun.com/mirror/NPM?from=tnpm

5. 最后再来一个 yarn

npm install -g yarn

yarn 相比 npm 优点 : 
	速度快
	安装版本统一
	输出简洁
	多注册来源处理
	更好的语义化

6. 转换淘宝源和官方源

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

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

7. 设置代理

npm config set proxy http://127.0.0.1:8080
npm config set https-proxy http://127.0.0.1:8080

yarn config set proxy http://127.0.0.1:8080
yarn config set https-proxy http://127.0.0.1:8080

8. 删除代理

npm config delete proxy
npm config delete https-proxy

yarn config delete proxy
yarn config delete https-proxy

检查是否安装上

---

9. 安装vue-cli（全局安装vue-cli）

cnpm install vue-cli -g

yarn global add @vue/cli

然后就可以进行前端开发啦
vue-cli开发项目 打包及运行

修改目录

改变原有默认的全局安装目录
使用全局安装会将库安装到你的全局目录下。
查看全局安装目录

npm root -g

我的修改前的全局目录是：
C:\Users\Administrator\AppData\Roaming\npm\node_modules
修改默认全局安装目录，使用命令 ：

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

问题

如果出现vue不是内部命令…
则把D:\nodejs\node_global添加到path环境变量中