VUE项目环境准备，基于nodejs-v16.16.0

第一步：准备node.js环境

官网下载地址: https://nodejs.org/zh-tw/download/
按需求选择下载，这次示例是winx64版本

根据自身需求安装文件位置。安装完毕后以管理员身份运行cmd，输入

npm -v

得到一下信息安装成功

若出现以下WARN警告

赋予以下文件编辑权限，打开编辑模式

将此处的prefix-g 替换为 prefix --location=global

替换后

环境变量与配置

• 打开环境变量，新增系统变量 NODE_PATH
  

• 检查Path中是否已经加入nodejs
  

• 打开指定安装目录，若文件目录下有node_cache和node_global文件夹则无需新增，若没有，则需要新建此文件夹。
  

• 打开cmd，依次运行 等号后为node_global与node_cache路径

npm config set prefix = "D:\Program Files\nodejs\node_global"

npm config set cache = ""D:\Program Files\nodejs\node_cache""

执行完毕后，运行 npm config list 查看配置信息

安装镜像

执行以下语句，此地址为国内最新镜像地址

npm install -g cnpm --registry=https://registry.npmmirror.com

镜像传送门: https://npmmirror.com/
安装成功后即可执行 cnpm -v 查看

第二步：VUE 依赖下载

官网链接: https://cli.vuejs.org/zh/guide/installation.html

执行以上步骤成功过后，执行
此为国外镜像源会比较慢

npm install -g @vue/cli

此为国内镜像源相对快点

cnpm install -g @vue/cli

安装完毕后，执行 vue --version 查看是否安装成功