编辑器——vscode

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代码提示