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

來源:酷知科普網 2.42W

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張
熱門標籤