7.25

197 阅读2分钟

今日主线任务:安装环境

1. 首先使用使用nvm管理多版本的node(插播一句,之后在配置vue环境时,切换版本解决了问题)

步骤为:安装,配置下载的镜像,更换npm淘宝镜像,配置环境变量

  1. 安装:选择路径时处理得不好,只有选择C盘时,系统才有nodejs文件夹(当时很慌乱,现在发现是这样)
  2. 配置下载的镜像:

image.png

//加入这两行
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

image.png

  1. 此时nvm应该没问题了

  2. 安装版本为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
  1. 全局安装设置 在nodejs安装路径下新建两个文件夹,可是nodejs这个文件夹又会映射到nvm里面的正在使用的node版本文件夹下面去,好复杂。

image.png

ps:先抄一下人家的,周末更新一下

  1. 设置缓存和全局路径
npm config set prefix "D:\tools\nodejs\node_global"
npm config set cache "D:\tools\nodejs\node_cache"
  • 发现根本没有npm,感觉是系统变量没有设置好,亦或者是全局变量未设置?这里留个疑问,周末电脑到了我再装一遍,到时候过来修改笔记。
  1. 设置系统变量 刚刚仔细阅读别人的教程,发现这句话,挪过来好好研读一下 在【系统变量】新建环境变量 NODE_PATH  为 D:\tools\nodejs\node_global\node_modules
    其中D:\tools\nodejs\node_global\node_modules 就是上面创建的全局模块安装路径文件夹。

image.png

path里面:

image.png

  1. 设置用户变量

image.png

path里面:

image.png

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一下,切换版本就没毛病了。