vscode配置js环境过程（2021-10-15）

一、下载并配置Node.js

1、下载并安装node.js
2、环境配置
配置npm安装的全局模块所在的路径，以及缓存cache的路径
（1）在安装路径【D:\nodejs】下创建两个文件夹【node_global】及【node_cache】

（2）通过cmd命令窗口修改全局模块所在的路径和缓存cache的路径

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

（3）设置环境变量
【环境变量】→【系统变量】
新建【NODE_PATH】，输入D:\nodejs\node_global\node_modules

【环境变量】→【用户变量】→【Path】
将C:\Users\username\AppData\Roaming\npm

修改为D:\nodejs\node_global

（4）测试
通过安装express模块测试。打开cmd窗口，输入：

npm install express -g     # -g表示全局安装的意思

注意：
最后一步npm install express -g 要用管理员身份运行cmd，不然会报错。
成功运行截图：

参考：
Node.js安装及环境配置之Windows篇
Node.js下载地址

二、在vscode新建项目并进行相应配置

新建项目test.js，打开launch.json，选择添加配置，选择node.js:launch（即nodejs启动程序），修改program对应的js文件名

在第四个图标运行和调试的页面左上角选择：

参考：

Visual Studio Code配置JavaScript环境

【alert不可用：用Node.js单独运行js文件时，其中定义的alert不可用】
windows下npm安装vue