通常vscode除錯es6時，比如有import語句時，會有如下錯誤： SyntaxError: Unexpected token import

網上有很多例子都是不可行的，或者是老版本的vscode或nodejs es6工程。

現在舉例說明如何建立支援es6並且vscode可除錯的nodejs工程：

(以windows為例)

1. 開啟控制檯（建議以管理員方式開啟，否則npm install可能會失敗），按順序執行以下命令

md prj-es6    //建立資料夾

cd prj-es6    //進入資料夾

express --view=ejs   //建立一個express工程，需先安裝express-generator。（npm install -g express-generator，全域性安裝）

npm install         //安裝express工程依賴

npm install --save-dev babel-cli babel-preset-es2015    //es6語法支援需安裝這兩模組

2. 在prjt-es6資料夾中是新增.babelrc檔案

用vscode開啟prj-es6資料夾，使用vscode新增.babelrc檔案。（windows下是無法直接新增）

.babelrc 檔案內容：

{
    "presets": [
    "es2015"
    ],
    "sourceMaps": true,
    "retainLines": true
}
 

3. 修改launch.json內容

先開啟vscode選單： “除錯”--“開啟配置”。

修改後：

{
    // 使用 IntelliSense 瞭解相關屬性。 
    // 懸停以檢視現有屬性的描述。
    // 欲瞭解更多資訊，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "啟動程式",
            "program": "${workspaceFolder}\\bin\\www",
            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node"
        }
    ]
}
 

這樣就完成了，可以在www或app.js中增加一條import語名，啟動調式驗證。