首頁 > 開發者 > Visual Studio Code
標籤：分享 技術 內容 alt 結果 folder 下載安裝 bubuko conf
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開發環境的配置
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
