安装(配置)Node.js和Vue CLI

一、安装Node.js环境：

• Node.js官网：Download
  

版本解释：

• 12.18.3 LTS 长期支持版
• 14.9.0 Current 当前版本
  推荐下载长期支持版本：Download

1. 下载Node.js直接安装，一直Next即可

2. 安装完成进入终端输入node -v检查是否安装成功，若出现对应版本号则安装成功，输入npm -v查看npm版本
   
   注意：若是卸载nodejs后再安装，需要彻底删除相关的文件夹和文件。其中包括在C:\Users\用户名下的.npmrc文件(需要开启显示隐藏文件)，在进入CDM使用npm cache clean --force即可。

3. 升级npm版本npm -g install npm
   

4. 阿里云镜像

• 命令配置
  命令：npm config set registry https://registry.npmmirror.com
  校验：npm config get registry
  如果返回 https://registry.npm.taobao.org 镜像配置成功
• 通过cnpm安装
  安装cnpm： npm install -g cnpm --registry=http://registry.npmmirror.com
  使用cnpm：cnpm install xxx

注意：如果出现安装错误，则使用npm cache clean -f清除npm缓存在执行安装命令即可。

5. 配置Node.js环境
NODE_HOME：node.js安装目录
Path：node.js安装目录
6. 修改npm全局下载位置
查看路径：npm config ls
缓存路径：npm config set cache "D:\xxxx\npm-cache"
全局路径：npm config set prefix "D:\xxxx\npm_global"

• npm常用命令：

npm -v          #显示版本，检查npm 是否正确安装。
npm install express   #安装express模块
npm install -g express  #全局安装express模块
npm list         #列出已安装模块
npm show express     #显示模块详情
npm update        #升级当前目录下的项目的所有模块
npm update express    #升级当前目录下的项目的指定模块
npm update -g express  #升级全局安装的express模块
npm uninstall express  #删除指定的模块

7. 安装npm源管理工具
   简介： nrm是一个npm源管理工具，使用它可以快速切换npm源。

• 安装命令

npm install -g nrm

• 查看版本

nrm -V

• 查看所有源

nrm ls

• 切换npm源

nrm use [registry]

• 测试npm源

nrm test [registry] 

• 显示当前源名字

nrm current

• 添加npm源

nrm add <registry> <url> [home]

二、安装VUE CLI

• vue cli官网
• 2.x安装
  npm install -g vue-cli
• 3.x以上安装
  npm install -g @vue/cli
  或
  yarn global add @vue/cli
• 如何卸载
  2.x:npm uninstall -g vue-cli
  3.x:npm uninstall -g @vue/cli
• 查看vue版本
  vue --version

使用vue --version时若出现vue --version 不是内部或外部命令时，请做如下配置：
1.找到安装的vue目录(一般在npm目录下)
2.在vue目录中找到vue.cmd将其添加变量为VUE
3.将npm全局安装目录添加到Path

• 版本升级
  npm update -g @vue/cli
  或
  yarn global upgrade --latest @vue/cli
• 项目依赖

用法： upgrade [options] [plugin-name]
（试用）升级 Vue CLI 服务及插件
选项：
  -t, --to <version>    升级 <plugin-name> 到指定的版本
  -f, --from <version>  跳过本地版本检测，默认插件是从此处指定的版本升级上来
  -r, --registry <url>  使用指定的 registry 地址安装依赖
  --all                 升级所有的插件
  --next                检查插件新版本时，包括 alpha/beta/rc 版本在内
  -h, --help            输出帮助内容