node下载插件来自动创建node_modules

目录

1.下载安装nodejs

2.配置nodejs环境变量

2.1改变全局模块路径和缓存路径

 2.2设置电脑环境变量

3.安装vue-cli脚手架

---

1.下载安装nodejs

Node.js官网

点击19.7.0 current，会下载node-v19.7.0-x64.msi

 点击下载的msi文件，安装nodejs。

2.配置nodejs环境变量

2.1改变全局模块路径和缓存路径

首先在nodejs安装目录下建node_cache、node_global两个文件夹，在在文件夹node_global中建node_modules文件夹。使用npm命令下载安装包时，默认会安装在C盘C:\Users\用户名\AppData\Roaming\npm文件中，有时安装包会很大，将它设置在自己定义的另外一个盘的文件夹中，这里放在安装路径下：E:\Air14FileData\DFiles\nodejs\nodejs19（安装nodejs的msi文件时的安装路径）

这里的node_modules是原安装的文件，不需理会。

win+R快捷键打开cmd 

输入

npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"

成功后的样子

之后，在nodejs的安装目录下，进入node_modules——>npm——>找到npmrc文件，打开npmrc文件。

 修改成：

prefix=创建的node_global文件夹所在路径

cache=创建的node_cache文件夹所在路径

 2.2设置电脑环境变量

window10 打开设置->系统->关于->高级系统设置->高级->环境变量

在系统变量下新建NODE_HOME， 变量值为在nodejs安装路径中全局模块路径node_global下的node_modules，例如

 在系统变量中的Path中如果没有 E:\Air14FileData\DFiles\nodejs\nodejs19\ 安装路径的值，就新建，有就不需要添加。

 在用户变量中的Path中添加 E:\Air14FileData\DFiles\nodejs\nodejs19\node_global。

由于在国内使用npm是非常慢的，所以在这里使用淘宝npm镜像，使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具，再次打开cmd：

 npm install -g cnpm --registry=https://registry.npm.taobao.org
 再次输入 cnpm 出现

 原因是：只需要将cnpm的执行路径添加到windows环境变量即可。

用户变量Path里面需要增加 E:\Air14FileData\DFiles\nodejs\nodejs19\node_global\node_modules ，因为cnpm包安装在此目录下，这里面会看到安装的包。

再次重新打开一个cmd输入cnpm有以下图片内容就成功了。

3.安装vue-cli脚手架

cmd输入：

cnpm install --global vue-cli
 
# 新版本可以使用下列命令
cnpm install -g @vue/cli

或者npm install -g @vue/cli（安装会慢很多）

cmd输入vue，出现

成功！