// 需要安裝node 環(huán)境
- 下載 https://code.visualstudio.com/
- 修改為中文使用快捷鍵組合
Ctrl+Shift+p囊颅，在搜索框中輸入configure display language，點擊確定后叮姑，修改locale.json文件下的屬性locale為zh-CN广料，
如果重啟后vscode菜單等仍然是英文顯示砾脑，在商店查看已安裝的插件，把中文插件重新安裝一遍（如下圖）艾杏，然后在重啟工具
image.png
- 在上圖中商店中搜索Chinese（Simplied） Lang韧衣，安裝即可。
4.安裝Debugger for Chrome
image.png
-
配置文件购桑，從左到右依次點擊紅圈中的按鈕畅铭，然后出現(xiàn)launch.json文件，在里面添加配置信息
image.png
{
// 使用 IntelliSense 了解相關(guān)屬性其兴。
// 懸停以查看現(xiàn)有屬性的描述顶瞒。
// 欲了解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "使用本機chrom調(diào)試",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"file":"${workspaceRoot}/setWebGLContext/setWebGLContext.html", //這個是在瀏覽器中要運行的文件的路徑元旬，每次運行不同項目的時候需要修改里面的運行路徑
}
]
-
ctrl+shift+y調(diào)出控制面板后 點擊“終端”榴徐，在里面直接輸入npm install -g live-server安裝
image.png -
在終端輸入：
live-server，然后直接在瀏覽器彈出的界面
image.png
