酷知百科網

位置:首頁 > 遊戲數碼 > IT技術

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

IT技術2.46W

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張