網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

Visual Studio Code中如何搭建並運行NodeJS環境

欄目: IT技術 / 發佈於: / 人氣:2.39W

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張