目錄為什么使用 VS Code VS Code 安裝 launch.json 簡介 使用VS Code 開發(fā) Javascript 安裝Script插件 調(diào)試Script 如何設(shè)置成中文 為什么使用VS Code 以JavaScript為代表,，過去我們調(diào)試JS的時候,，需要使用瀏覽器F12，代碼上面需要利用console.log 或 alert 對過程進行輸出,，習(xí)慣了例如VS 編譯器的開發(fā)人員會比較不習(xí)慣。如今可以使用VS Code進行開發(fā),，它開源免費,，通過安裝開發(fā)語言相關(guān)的插件，可以讓VS Code實現(xiàn)相應(yīng)的語法識別和代碼提示,，目前拓展商店已經(jīng)提供了大多數(shù)編程語言的插件,，可以隨便下載，常用有Script有JScript,、EScript ,以及包括PHP,，Python等其它語言。
VS Code 安裝Visual Studio Code （這里簡稱 VS Code） 下載地址： https://code./ launch.json 簡介launch.json 是 VSCode 在當(dāng)前開發(fā)目錄自動生成的一個配置文件,。開發(fā)時,，根據(jù)所在項目類型，進行程序啟動的路徑和運行環(huán)境配置,，如下圖,，描述的是當(dāng)前需要調(diào)試的文件路徑為 "${workspaceFolder}/scripts/debug.js",，程序采用node進行調(diào)試。
點擊添加配置按鈕,，可以看到更多配置的選項,，選項列表與當(dāng)前安裝的拓展有關(guān)，比如安裝了Chrome之后,。
在launch.json中一些預(yù)定變量的具體含義如下 ${workspaceRoot} VSCode中打開文件夾的路徑 原文 ：the path of the folder opened in VS Code 原文：the name of the folder opened in VS Code without any solidus (/) 原文： the current opened file 原文：the current opened file relative to workspaceRoot 原文：the current opened file's basename 原文： the current opened file's dirname 原文：the current opened file's extension 原文：the task runner's current working directory on startup 使用VS Code 開發(fā) Javascript 安裝Script插件 使用ECMAScript開發(fā),，安裝ESLint 使用TypeScript開發(fā)，安裝TSLint 使用Javascript開發(fā),，安裝jshint 調(diào)試Script 1,、調(diào)試環(huán)境，使用node編譯環(huán)境,。 2,、配置launch.json { "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceFolder}/scripts/debug.js" //將需要測試的js文件通過 require引用到debug.js進行調(diào)用，可以實現(xiàn)模擬button點擊效果或用來測試算法 } 3,、切換到debug頁面,，啟動調(diào)試，如圖：
如何設(shè)置成中文 按鍵盤上的快捷鍵 Ctrl+shift+p,，出現(xiàn)命令框,，如圖：
輸入configure language
最后在新打開的語言配置文件里面，將locale：“en-us” 修改成 locale：“zh-cn”后重啟,，配置完成,，如圖：
|
|
|
