1. NVM安装1.1 NVM说明nvm 主要是用来管理 nodejs 和 npm 版本的工具可以用来切换不同版本的 nodejs。1.2 NVM下载夸克网盘github地址1.3 NVM安装Windows1.3.1 解压后进行安装1.3.2 点击下一步选择安装路径D:\nvm1.3.3 选择nodejs路径创建nodejs文件夹放在D:\nvm\nodejs下1.3.4 如果你本地已经有node版本安装时nvm就会提示点击“是”即可1.3.5 安装完成1.3.6 修改配置安装成功后打开nvm的安装目录找到settings.txt文件在最底下添加下面两行配置node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/1.3.7 确认系统与环境变量1.3.8 测试cmd中输入常用代码进行测试nvm-v查看当前版本 nvm list available 查看可安装node版本列表 nvm--confignvm list 查看已安装node版本列表 nvminstall版本号 下载对应node版本如nvminstall14.20.1 nvm use 版本号 切换node版本 nvm on 开启nvm nvm off 关闭nvm如查询当前版本2. NVM下载及更换nodejs2.1 下载nodejs举例16.14.0# 依次执行以下命令nvminstall16.14.0 nvmlsnvm use16.14.02.2 查看是否安装成功node-vnpm-v2.3 安装成功后在配置NPM之前我们先查看当前配置npmconfigls默认全局的npm安装目录与缓存目录在【C:\Users\用户名\AppData\Roaming\npm】路径中为了节省C盘空间提升速度要将全局包安装在其他盘。2.4 设置全局配置# 内请设置自己的全局路径# 全局安装路径npmconfigsetprefixD:\nodejs\node_globel# 全局缓存路径npmconfigsetcacheD:\nodejs\node_cache# 配置完后请确认配置成功npmconfigls2.5 配置环境变量2.6 npm 配置源// 查询源npmconfig get registry // 更换国内源npmconfigsetregistry https://registry.npmmirror.com3. 全局安装yarn3.1 安装yarn# 全局安装yarnnpminstall-gyarn# 查看yarn 版本yarn-v当命令行成功输出了yarn的版本号就代表安装成功了。注若环境变量配置无误还出现命令行报错‘yarn’ 不是内部或外部命令也不是可运行的程序 或批处理文件。 请重启后再尝试。重启后成功显示3.2 yarn 配置源// 查询源yarnconfig get registry // 更换国内源yarnconfigsetregistry https://registry.npmmirror.com4. 全局安装webpack/webpack-cli前提必须已经安装好nodejsnode-vnpm–v安装webpack/webpack-cli//全局安装webpacknpminstall-gwebpack //全局安装webpack-clinpminstallwebpack-cli-g两个同时安装webpack -v才能检查到安装的版本webpack-v5. 全局安装vue-cli查看可安装的版本npmview vue-cli versions –json安装指定版本npminstall-gvue-cli2.6.0安装最新版本npminstall-gvue-cli安装完后查看脚手架的版本号vue-V6. 运行vue项目下载依赖包yarninstall7. 运行异常处理7. 1 运行异常解决方案删除项目中的 node_modules 文件夹执行如下命令 cnpm 是 中国版的 npmnpminstallcnpm-g安装 core-jscnpminstall--savecore-js安装依赖cnpminstall启动项目npmrun dev如果还是不行那么手动下载 core-js 包yarnaddcore-js