VS Code插件

• Auto Close Tag（自动补全标签 必备）
• Auto Rename Tag（修改标签名 自动同步修改闭合标签的标签名 必备）
• Chinese
• ESLint
• HTML CSS Support
• HTML Snippets
• JavaScript（ES6）code snippets（es6代码快捷键 也包含常用的console.log之类的 可以少码一点代码 提升效率）
• Live Server
• open in browser(用vscode写html相关代码的时候 可以下载这个插件 可以使用快捷键 Alt+B 打开默认浏览器 访问页面内容)
• Vetur（如果写Vue项目 可以安装 可以高亮Vue代码 格式化代码等）
• Bracket Pair Colorizer（给代码中的括号添加亮色 便于区分 这里截图有报错 是特意便于演示写的多组括号）
• Class autocomplete for HTML （自动补全class="" 属性）
• Debugger for Chrome （打断点 映射vscode上到Chrome上 方便调试 必备）
• Draw.io Integration（强烈推荐 画流程图有它就够了 命名文件后缀为.drawio 写好了 可以组合 也可以导出为svg、png等格式 有提示箭头 拖拽就可以 可以左上角文件->导出->选格式导出）
• Git Graph（强烈推荐 可以查看git提交历史 现在所处分支 提交内容明细 以及回滚删除分支等操作）
• Beautify （美化代码）
• Image preview（现应用场景：在代码中写了图片链接，要这个这张图片的宽高 只需要悬停在链接上 就可以看到图片宽高信息 ）
• LeetCode（力扣刷算法题的插件 可以在这里既看到题目又可以编译自己的代码）
• Markdown Preview Enhanced (可以编辑器内看markdown编译出来的效果)
• Quokka.js（主要是基于js或者ts 在编辑器中快速查看键入代码的结果 很方便 不需要再打console控制台看）
• REST Client（功能与postman一致 建立一个.http后缀的文件 把接口相关链接 请求方式 参数等放在里面 可以直接点Send Request或者快捷键 Ctrl+Alt+r就可以查看请求返回信息）
• Codelf（起名）
• local history（历史回退）
• vscode-icons（图标美化）
• Better Align（对齐）
• change-case（规范化命名）