NodeJS环境配置及安装vue脚手架

一、什么是npm和cnpm

• npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
• cnpm:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二.安装nodejs

• Node.js：http://nodejs.cn/download/
  安装就是无脑的下一步就好，安装在自己的环境目录下
• Git：https://git-scm.com/doenloads
• 镜像：https://npm.taobao.org/mirrors/git-for-windows/

cmd下输入node -v，查看是否能够正确打印出版本号即可！
cmd下输入npm -v，查看是否能够正确打印出版本号即可！

这个npm，就是一个软件包管理工具，就和linux下的apt软件安装差不多！

改变原有的环境变量

1、配置npm的全局模块的存放路径、cache的路径，例如 F:\work\app\node-v16.15.0-win-x64

以管理员身份运行cmd

npm config set prefix "D:\software\enviroment\node-v16.17.0-win-x64\cache\node_global"
npm config set cache "D:\software\enviroment\node-v16.17.0-win-x64\cache\node_cache"

2.在环境变量中添加

三.安装vue-cli

1.首先下载node.js,版本要求8.9以上
2.命令行cmd查看node版本：node -v

安装cnpm

以管理员身份运行cmd

npm config set registry https://registry.npmmirror.com```

```bash
npm install -g cnpm

cnpm不是内部命令

是因为换过node_global地址,找不到

为cnpm配置环境变量

4.安装vue-cli（全局安装）： 以管理员身份运行cmd
cnpm install vue-cli -g
5.检查是否安装上：vue -V（注意大写）出现版本号成功