Visual Studio Code中JavaScript開發環境的配置
Visual Studio Code簡稱VS Code，是一款由微軟公司免費開源的現代化輕量級代碼編輯器，幾乎支持所有的主流開發語言的語法高亮、自定義熱鍵、代碼片段、括號匹配等諸多特性，還支持插件擴展，並針對網頁開發和雲端應用開發做了優化。下面簡單介紹一下VS Code中JavaScript開發環境的配置。
首先在微軟官網上下載安裝好VS Code後並打開，在擴展商店中安裝插件，直接Ctrl+Shift+X打開擴展商店，在搜索框中搜索Code Runner和Debugger for Chrome兩個插件，其它插件可自由安裝，如下所示：
接下來我們先創建一個HTML文件，向文件裏添加js方法，內容如下：
1 <html> 2 <body> 3 <script> 4 alert("Hello World"); 5 </script> 6 </body> 7 </html>
對寫好的HTML文檔進行編譯運行，直接按下F5會有一個彈出框提示我們使用什麽環境，選擇Chrome環境，選擇好後編譯器會在當前HTML文件同目錄下創建一個.vscode文件夾，裏面只有一個launch.json配置文件，同時在編譯器中顯示出來，文件內容配置如下：
1 { 2 "version": "0.2.0", 3 "configurations": [ 4 5 { 6 "type": "chrome", 7 "request": "launch", 8 "name": "Launch Chrome against localhost", 9 "url": "file:///F:/JavaScript/Demo/alax005.html", 10 "program": "${workspaceFolder}"11 } 12 ] 13 }
註意：(1). type類型為Chrome，意味著編譯運行HTML文件時只能打開Chrome瀏覽器，若想改為其它瀏覽器，需安裝好對應的插件，並把type類型改為對應的瀏覽器名稱；
(2). url即要執行的HTML文件所在的文件路徑，上圖中表示的是要執行的alax005.html文件在F盤JavaScript文件夾中的Demo文件夾中，url路徑應與要編譯運行的文件路徑相對應；
(3). 例如新建一個alax006.html文件，編譯運行時應提前將launch.json文件中的文件路徑改好，按F5鍵運行後編譯器下方的調試控制臺會輸出對應的運行結果，同時也會在Chrome瀏覽器中顯示出來。
Visual Studio Code中JavaScript開發環境的配置