// 需要安装node 环境
- 下载 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
-
配置文件，从左到右依次点击红圈中的按钮，然后出现launch.json文件，在里面添加配置信息
image.png
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "使用本机chrom调试",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"file":"${workspaceRoot}/setWebGLContext/setWebGLContext.html", //这个是在浏览器中要运行的文件的路径，每次运行不同项目的时候需要修改里面的运行路径
}
]
-
ctrl+shift+y调出控制面板后 点击“终端”，在里面直接输入npm install -g live-server安装
image.png -
在终端输入：
live-server，然后直接在浏览器弹出的界面
image.png
