今日主线任务:安装环境
1. 首先使用使用nvm管理多版本的node(插播一句,之后在配置vue环境时,切换版本解决了问题)
步骤为:安装,配置下载的镜像,更换npm淘宝镜像,配置环境变量
- 安装:选择路径时处理得不好,只有选择C盘时,系统才有nodejs文件夹(当时很慌乱,现在发现是这样)
- 配置下载的镜像:
//加入这两行
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
-
此时nvm应该没问题了
-
安装版本为16.16.0的node.js
nvm install 16.16.0
//补充
//查看node其他版本
nvm list
//切换版本
nvm use 版本号
//删除版本
nvm uninstall版本号
5.跟着教程来修改镜像源
//修改npm镜像源为淘宝镜像
npm config set registry https://registry.npmmirror.com
//这个是检查是否设置淘宝镜像成功
npm config get registry
//看别人写的很好,先挪过来
// 1. 清空缓存
npm cache clean --force
// 2. 切换新源
npm config set registry https://registry.npmmirror.com
- 全局安装设置 在nodejs安装路径下新建两个文件夹,可是nodejs这个文件夹又会映射到nvm里面的正在使用的node版本文件夹下面去,好复杂。
ps:先抄一下人家的,周末更新一下
- 设置缓存和全局路径
npm config set prefix "D:\tools\nodejs\node_global"
npm config set cache "D:\tools\nodejs\node_cache"
- 发现根本没有npm,感觉是系统变量没有设置好,亦或者是全局变量未设置?这里留个疑问,周末电脑到了我再装一遍,到时候过来修改笔记。
- 设置系统变量
刚刚仔细阅读别人的教程,发现这句话,挪过来好好研读一下
在【系统变量】新建环境变量
NODE_PATH为D:\tools\nodejs\node_global\node_modules,
其中D:\tools\nodejs\node_global\node_modules就是上面创建的全局模块安装路径文件夹。
- 设置用户变量
2.vue的安装
1.npm i
2.npm install vue -g
3.npm install webpack -g
4.npm install vue-cli -g
5.npm install vue-router -g
6.npm install vue-cli-service -s
问题出在第六步,一直报错,发现没有下载成功node modules,call back一下,切换版本就没毛病了。