Visual Studio Code - Launch files in browser

要設定 Visual Studio Code 用瀏覽器開啟運行檔案,可開啟 Command palette (MAC 下使用 ‘CMD + Shift + P’,Windows 下使用 ‘Ctrl + Shift + P’) 選取 ‘Configure Task Runner’ 為專案加入 task.json。



MAC 下 task.json 可設定如下:

1
2
3
4
5
6
7
8
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": ["${file}"]
}



Windows 下設定如下:

1
2
3
4
5
6
7
8
{
"version": "0.1.0",
"command": "Chrome",
"windows": {
"command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
},
"args": ["${file}"]
}


設定完後存檔,重啟 Visual Studio Code,就可以將檔案用瀏覽器帶起運行 (MAC 下按 ‘CMD + Shift + B’,Windows 下按 ‘Ctrl+Shift+B’)。