Tool：Visual Studio Code 1.4.0
OS：Windows 10
Node.js 6.x、ECMAScript 2015
本文介紹如何使用Visual Studio Code和Node.js執行ECMAScript 2015程式。
使用Integrated Terminal執行
第一種方式，View > Integrated Terminal，輸入 “node javascript檔案名稱"
使用Task執行
第二種方式，開啟 Command Palette (Ctrl+Shift+P)，選取”Tasks:Configure Task Runner”
選"Other”
工具會自動產生tasks.json檔案:
修改檔案內容，設定一個command名稱，與參數:
{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": ["${file}"],
"showOutput": "always"
}
Command Palette (Ctrl+Shift+P) ，選Tasks: Run Task
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "0.1.0",
"command": "node",
"isShellCommand": true,
"args": ["${file}"],
"showOutput": "always"
}
選取Command，執行結果會出現在OUTPUT視窗
或者使用Quick Open (Ctrl+P) ，輸task node就可以執行Task
設定快速鍵執行Task
File > Preferences > Keyboard，開啟keybindings.json，視窗左邊是預設的快速鍵，右方可以自訂自己喜歡的快速鍵
按下右方下方的DefinKeybinding， 設定快速鍵
按下想要使用的快速鍵組合鍵，如alt+r
工具會自動產生key的設定 ，指定command如下
[
{
"key": "alt+r",
"command": "workbench.action.tasks.runTask",
"when": "editorTextFocus"
}
]
爾後就可以按alt+ r，再選取node指令來執行，預設可以按CTRL+SHIFT+U開、關OUTPUT視窗{
"key": "alt+r",
"command": "workbench.action.tasks.runTask",
"when": "editorTextFocus"
}
]
使用除錯工具執行
點選View Bar上
設定執行環境為node.js，工具會自動產生launch.json檔案
接著就可以在程式中設定中斷點，單步執行
使用Code Runner執行
View > Extensions安裝Code Runner
然後啟用
可以直接按右鍵，選"RUN Code"，執行JavaScript檔案的內容，或選取部分程式碼，再執行
執行結果會輸出在OUTPUT視窗
沒有留言:
張貼留言