node安装包含（npm/cnpm/yarn/vue）
1、下载并安装node
地址：https://nodejs.org/en/download/releases
可以看到以往版本，选择想要下载的版本并选择下载后缀名为.msi的文件
我这里是把它装到了d盘（安装的时候直接把字母c改成d），安装的路径是D:\Program Files\nodejs
2、配置node的环境变量
① 配置系统变量（新增NODE_PATH）
使用键盘快捷键，win + r ，并且输入 sysdm.cpl 按回车打开系统属性的界面，随后依次点击高级、环境变量
首先，在系统变量中点击新建，
然后在变量名上写==>
NODE_PATH变量值上写==>
D:\Program Files\nodejs\node_modules\npm\bin然后点击确定保存
图1 在系统变量中新建NODE_PATH变量并配好值
图2 NODE_PATH的值是此目录
② 修改系统变量的path
在系统变量中找到path变量，双击进入编辑界面，随后点击新建一条值==>
D:\Program Files\nodejs\然后点击确定保存
图3 系统变量path新增一条值
③ 初步检查node配置情况
检查node是否装好，键盘摁 win + r ，并且输入 cmd 按回车，随后输入==>
node -v输出结果是当前自己选择node的版本，v16.17.0
图4 查看当前装的node版本
④ 进一步配置node
在目录下新建两个文件夹，名字分别为【node_global】和【node_cache】，并且在cmd窗口中输入以下两行内容进行配置
npm config set prefix “node_global路径”
npm config set cache “node_cache路径”
例如我的是：
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"注意不要搞反了
图5 新建两个文件夹示意图
图6 cmd窗口执行示意图
⑤ 配置用户变量的path
在用户变量找到path，双击弹出编辑窗口，新增一条值==>
D:\Program Files\nodejs\node_global
图7 配置用户变量path的示意图
⑥ npm淘宝镜像的设置（2024.2.2：因为1 月 22 日，淘宝原镜像域名（registry.npm.taobao.org）的 HTTPS 证书正式到期。如果想要继续使用，需要将 npm 源切换到新的源（registry.npmmirror.com），否则会报错。）
- 切换镜像源
npm config set registry https://registry.npmmirror.com- 检测是否切换成功
npm config get registry3、测试npm，安装cnpm淘宝镜像
重新打开cmd窗口并输入==>
npm install -g cnpm --registry=https://registry.npmmirror.com如果出现了operation not permitted的权限报错问题，需要给当前用户的nodejs文件夹上添加【完全控制】的权限，操作如下：
（ps：如果是公司的电脑，没有权限的话需要去找分发用户账号的人，让帮忙添加一下权限）
在nodejs文件夹右键选择属性
图8 nodejs文件夹的用户权限修改示意图
如果没有出现npm的权限问题报错，那么等待安装cnpm淘宝镜像，完成后在D:\Program Files\nodejs\node_global\node_modules文件夹中会有一个cnpm的文件夹，此意味着安装成功。
或者重新打开cmd窗口并输入==>
cnpm -v如果有出现结果则是cnpm淘宝镜像安装成功
图9 cnpm版本
4、测试cnpm，全局安装yarn
① cmd全局装yarn
重新打开cmd窗口并输入==>
cnpm install -g yarn② 配置系统变量path
安装成功后找到yarn的文件夹，并且复制该路径
我的是D:\Program Files\nodejs\node_global\node_modules\yarn\bin
图10 yarn在node_global里的路径同样的，键盘输入win + r ，并且输入sysdm.cpl，打开环境变量的窗口，在【系统变量】的path里新增刚才复制的路径
图11 配置系统变量path，新增yarn的路径
③ 进一步配置yarn
首先，配置yarn全局安装的目录和缓存的目录
同样的，在nodejs文件夹里新增两个文件夹，名字分别为【yarn_global】和【yarn_cache】，并且在cmd窗口中输入以下两行内容进行配置
yarn config set global-folder “yarn_global路径”
yarn config set cache-folder “\yarn_cache路径”
例如我的是：
yarn config set global-folder "D:\Program Files\nodejs\yarn_global"
yarn config set cache-folder "D:\Program Files\nodejs\yarn_cache"注意不要搞反了
图12 新建两个文件夹示意图
其次在cmd窗口中，对yarn的配置设置成淘宝镜像源，输入==>
yarn config set registry https://registry.npmmirror.com④ 检查yarn配置情况
可在cmd窗口中查看yarn的镜像源，输入==>
yarn config get registry或者也可在当前用户的目录中，使用记事本打开.yarnrc文件对yarn的配置情况进行查看，如下图所示：
图13 cmd窗口执行示意图
图14 检验yarn配置是否设置成功
4、测试yarn，全局安装vue
创建一个文件夹，在该文件夹里使用命令输入==>
yarn global add @vue/cli等待安装，vue脚手架安装好了后输入，复制路径结果
yarn global bin
图15 命令窗口示意图同样的，键盘输入win + r ，并且输入sysdm.cpl，打开环境变量的窗口，在【系统变量】的path里新增刚才复制的路径
图16 配置系统变量path，新增yarn的路径
此时重新打开命令窗口，如果使用vscode则关闭重新打开，输入==>
vue则会有结果显示，
到这里就可以创建vue2或者vue3工程进行前端开发了
