VS Code插件

VSCode插件

1. Auto Close Tag

   自动添加HTML / XML关闭标签（必备）

2. Auto Rename Tag

   自动重命名配对的HTML / XML标签(必备)

3. Beautify

   格式化javascript，JSON，CSS，Sass，和HTML

4. Bracket Pair Colorizer

   颜色识别匹配括号

5. css peek

   能够查看CSS ID和类的字符串作为HTML文件中相应的CSS定义

6. Git History

   以图表的形式查看git日志

   • 使用 command+shift+p（Ctrl+shift+p） 输入git log就可以看到了
   • 右键选择view file history

7. Git Lens

   git 日志插件，多人开发时很好用，能知道每行代码的最新提交人和时间

8. HTML CSS Support

   在 html 标签上写class 智能提示当前项目所支持的样式（必备）

9. HTML Snippets

   html 代码片段（必备）

10. htmltagwrap

    可以在选中HTML标签中外面套一层标签

    • 使用：选择一大段代码，然后按“Alt + W”

11. Image Preview

    鼠标移到路径里显示图像预览

12. JavaScript (ES6) code snippets

    es6代码片段（必备）

13. JavaScript Snippet Pack

    js代码片段（必备）

14. open in browser

    当前的 html 文件用浏览器打开，类似 webstorm 的那四个小浏览器图标功能，前提条件html 文件必须保存

15. Output Colorizer

    输出提示的文字颜色有一些变化，方便获取关键信息

16. javascript console utils

    快速console.log()

    • shift+cmd+L，然后选中的下一行自动出现固定格式的log ，例如console.log(‘xxx:’,xxx)
    • shift+cmd+D，一键删除本页面所有console.log

17. better comments

    注释高亮