编辑器——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代码提示