nodejs、yarn、vue/cli脚手架的安装以及踩到的坑

一、安装nodejs

1.官方下载nodejs点击下载

二、安装步骤（无脑下一步）

• 双击安装包一直点下一步
• 点击change按钮改变安装路径

三、验证安装成功

• 按【win+R】键，输入cmd回车打开命令行界面
  
• 进入命令提示窗口分别输入以下命令显示版本号，则安装成功，如图

node -v
npm -v

四、修改全局模块下载路径

1.希望将全模块所在路径和缓存放在自己的node.js安装的文件夹中，创建node_global和node_cache文件夹

然后在命令行提示符窗口输入以下命令：

npm config set prefix “d:\environment\nodejs\node_global”
npm config set cache “d:\environment\nodejs\node_cache”

2.修改系统环境变量

2.1将【用户变量】下的path修改为D:\environment\nodejs\node_global(PS：根据自己的安装路径改)

2.2在系统变量下新建【NODE_PATH】变量名

【D:\envionment\nodejs\node_global\node_modules】变量值

2.3在【系统变量】下的【path】新建添加node全局文件夹【d:\envionment\nodejs\node_global】

经过以上步骤，nodejs下载的模块就会自动下载到我们自定义的目录，
我们测试一下。 
命令提示符窗口下输入：npm install express -g express@4.17.1

五、更换npm源

1.查看初始npm源：

命令：npm config get registry

2.更改镜像

npm config set registry=https://registry.npmmirror.com/

六、npm安装yarn

命令：npm install yarn -g

查看yarn版本

七、yarn命令安装@vue/cli脚手架

命令：yarn global add @vue/cli

踩到的坑：

1.使用yarn安装vue/cli成功后输入vue -V报【文件名、目录名或卷标语法不正确】

找到这两个文件

1.将vue文件记事本打开，找到里面的路径C:\Users\XXX\AppData\Local\Yarn\Data\global\node_modules 添加到path环境变量中
2.将cmd文件中的%~dp0\去掉（同时bin目录要在环境变量中）

借鉴文章：https://blog.csdn.net/XXXXXXXXXXXXX_X/article/details/130227479?utm_source=miniapp_weixin