一、下载并配置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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐