当前位置:趣知科普网>游戏数码>IT技术>

Visual Studio Code中如何搭建并运行NodeJS环境

IT技术 阅读(2.57W)

Visual Studio Code是NET平台下的最新开发工具,那么我们如何在这个工具下面搭建并运行NodeJS环境呢?下面小编给大家分享一下。

工具/材料

Visual Studio Code

操作方法

首先我们打开Visual Studio Code软件,展开资源管理器,然后点击打开文件夹按钮,如下图所示

Visual Studio Code中如何搭建并运行NodeJS环境

接下来在弹出的对话框中新建一个hello文件夹,如下图所示,选择新建的文件夹

Visual Studio Code中如何搭建并运行NodeJS环境 第2张

然后在文件夹中新建一个JS文件,如下图所示,注意一定确保JS文件在文件夹下面

Visual Studio Code中如何搭建并运行NodeJS环境 第3张

接下来我们打开JS文件,在其中输入一些JS语法,注意这里用的是NodeJS的语法规则,如下图所示

Visual Studio Code中如何搭建并运行NodeJS环境 第4张

接着我们鼠标点击选择环境输入框,在下拉菜单中选择选项,如下图所示

Visual Studio Code中如何搭建并运行NodeJS环境 第5张

然后我们会看到资源管理器的HELLO文件夹下面多出了一个json文件,这就是NodeJS的配置文件夹,如下图所示

Visual Studio Code中如何搭建并运行NodeJS环境 第6张

接下来我们打开json文件,修改program后面的文件名为刚才新建的js文件名,如下图所示

Visual Studio Code中如何搭建并运行NodeJS环境 第7张

配置好NodeJS环境以后我们就可以点击顶部的启动按钮了,如下图所示

Visual Studio Code中如何搭建并运行NodeJS环境 第8张

最后当我们在调试控制台看到内容输出的时候就代表NodeJS的环境是没问题的,如下图所示

Visual Studio Code中如何搭建并运行NodeJS环境 第9张