插件名称:Beautify

作用:代码美化 Beautify


Beautify 插件可以快速格式化你的代码格式,让你在编写代码时杂乱的代码结构瞬间变得非常规整,代码强迫症必备,较好的代码格式在后期维护以及他人阅读时都会有很多的便利。 插件支持的语言非常多,基本覆盖了目前所有的语言,而且你还可以自定义代码格式化的结构。 搜索:Beautify 插件名称:

Document This


作用:快速注释


优秀的代码除了优秀的性能、规范的格式,注释也是不可或缺的,而且注释也应该有一套标准的注释方法,特别对于 JavaScript 这种语言。 Document This 可以快速地帮你生成注释,如一些函数的注释还能帮你抽取出参数的定义等,是你编写规范代码必备的工具。 搜索:Document This 插件名称:Code Spell Checker

作用:检查拼写 在你代码中有单词拼写错误时,你就会发现它的好处,因为我们写代码毕竟都是大量的英文单词变量定义,插件还可以给出错误拼写单词的建议。 搜索:Code Spell Checker 插件名称:vscode-icons

作用:丰富的图标 vscode-icons 插件可以实现对各种文件类型的文件前的图标进行优化显示,这样我们在查看长长的文件列表的时候,可以直接通过文件的图标就可以快速知道文件的类型,而不是去看文件的后缀。 搜索:vscode-icons 插件名称:Auto Rename Tag

作用:自动重命名标签 Auto Rename Tag 在你更改标签名的时候,它会帮你把对应的关闭标签页进行同样的更改。 搜索:Auto Rename Tag 插件名称:Better Comments

作用:注释

不同的注释显示不同的颜色,*,?,!起头然后开始写,你可以看到注释的颜色是不同的


搜索:Better Comments

插件名称:Path Autocomplete


作用:路径补偿 在import 报名或者导入文件路径时,会自动补偿路径 搜索:Path Autocomplete 插件名称:IntelliSense for CSS class names in HTML

作用:CSS 类名智能提示 在 HTML 中调用定义好的样式名时,有时需要经常在 HTML 与 CSS 文件之间切换,来回地查看你已定义好的 CSS 类名。 而有了 IntelliSense for CSS class names in HTML 插件后,你可以在 HTML 中需要调用 CSS 类名的地方,此插件会智能地给你已定义 CSS 类名的提示。 搜索:IntelliSense for CSS class names in HTML 插件名称:View InBrowser: 

作用:预览Html 页面效果 从浏览器中查看html文件,使用系统的当前默认浏览器 搜索:View InBrowser: 

插件名称:CSS Peek

作用:追踪至样式表中 CSS 类和 ids 定义 使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。 搜索:CSS Peek 插件名称:HTML Boilerplate

作用:生成Html文档结构 通过使用 HTML模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。

搜索:HTML Boilerplate