1、编辑器个人工作配置
// 将设置放入此文件中以覆盖默认设置
{
"editor.tabSize": 2,
"workbench.iconTheme": "vscode-icons",
"editor.renderWhitespace": "all",
"editor.renderIndentGuides": true,
"workbench.colorTheme": "Monokai",
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
}
}
2、常用快捷键
ctr+n 新建文件
shift+alt+f 格式化代码
ctrl+`启动终端 一般用来启动cmd启动到当前目录
3、常用插件
vetur 是用来做vue开发的
vscode-icons 给vscode中的文件加上图标方便查看不同的文件
ESLint 代码检查，规范开发中的编码习惯
4.vscode 前端常用编码插件
| 插件名称 | 用处 |
| Can I Use | 前端代码兼容性提示 |
| ESlint | 代码检查 |
| HTML Snippets | html代码片段提示 |
| IntelliSense for css class names | css代码提示 |
| jQuery Code Snippets | jQuery 代码片段提示 |
| Emmet | 代码提示 |
| Vetur | vue代码提示 |