Windows下Node.js的下载安装，Node、npm的配置，vscode的下载，vscode从git拉去项目，编译并运行

一、Node.js的下载安装

1、打开node.js的官网Node.js 中文网，根据自己的电脑选择适合自己的Node.js安装包，可以选择v14.18.3那个版本，版本过高可能会导致性能不匹配等问题。

2、下载完成之后打开下载好的安装包，开始下载

   

默认安装路径为C盘，由于C盘空间有限，将安装路径改为D盘 

 

 

 

3、到此就下载成功了，可以在cmd中输入node -v、npm-v，查看node是否返回node和npm的版本号，出现此界面，说明安装成功

二、 Node、npm的配置

    node和npm并不是下载好就可以直接使用的，须在系统环境变量中进行设置才可以进行使用

1、先进行全局模块路径和缓存路径的配置

全局模块路径默认放在C盘下，但由于我们C盘空间不足，尽量放到其他盘下，这里推荐放到node.js的安装路径下，在node.js的安装包下新建两个文件夹，分别命名为node_global和node_cache，对应分别是全局模块路径和缓存路径

cmd打开命令行窗口，输入

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

2、再进行环境变量的配置

右击此电脑，点击属性，选择高级系统设置，点击环境变量

在用户变量中寻找path，点击path，将C:\Users\lenovo\AppData\Roaming\npm修改为D:\Program Files\nodejs\node_global

在系统变量中新建变量，变量名为NODE_PATH，变量值为D:\Program Files\nodejs\node_global\node_modules，在系统变量中寻找path，进行编辑，新建变量值D:\Program Files\nodejs\node_global\node_modules，点击确定进行保存，最终的环境变量配置如下：

 

到此node、npm的环境变量配置结束 

三、Visual Studio Code的下载

点击此链接进行vscode的下载，VSCodeUserSetup-x64-1.63.2.exe，下载成功之后，点击安装包进行安装，安装成功之后，搜索Chinese，点击install，然后restart

四、从git拉取项目，并在VS code中编译运行

1、打开git，找到所拉项目的url地址，复制。创建一个空文件夹，打开该文件夹，并在该文件夹下cmd打开命令行界面，输入git clone +你复制的项目URL地址，回车即克隆成功

2、打开VS code，在VS code中打开拉取到的文件夹，新建终端

3、在VS Code界面中，ctrl+p输入Config，点击vue.config.js，配置自己的接口代理服务

4、配置成功之后，输入npm install进行项目编译，编译成功之后，输入npm run dev，以开发者模式运行项目，运行成功之后点击终端控制台输出的IP地址进行界面的访问

注：

1、下载node.js，最好下载v14.18.3，v16版本太高会导致性能不匹配；

2、进行了全局模块路径的配置和缓存路径配置之后，一定要进行环境变量的配置，否则cmd将报无法识别node的命令错误；

3、修改环境变量时，用户变量和系统变量均要修改，path和node path都要进行添加和修改；

4、配置自己的接口代理服务时，一定要找到自己电脑的IP地址，正确输入，否则代理无效，我在第一次忘记了修改自己的接口代理IP，在没有修改接口代理服务的情况下，进行了npm install项目的编译，然后进行了npm run dev项目运行，发现报了无法代理接口服务的错误，意识到了自己没有修改接口IP地址。进行修改之后，并没有清除缓存就又一次进行了npm install和npm run dev，运行时又报了431和500错误，究其原因就是我没有清除缓存，node_module下边依赖包出了问题，修改之后必须清除缓存，然后重新进行编译打包最后再运行，否则百度找到的任何错误的解决办法都雨你无瓜。