VS Code插件

VS Code下载地址: https://code.visualstudio.com/

view in browser   和  Open-In-Browser  安装可在编辑器中打开html,在浏览器中运行,由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。

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

Css Peek :能在源代码中的字符串中找到对应的css(类和ID)。显示在那个css文件里,还有在第几行。 

CSS Modules : 

HTML Snippets :超级实用且初级的 H5代码片段以及提示

HTML Boilerplate : 

HTML CSS Support :让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索 

Bracket Pair Colorizer :颜色识别匹配括号

Auto Rename Tag 自动重命名配对的HTML / XML标签

Color Info 这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了

Image Preview :鼠标移到路径里显示图像预览,行数旁边也能看到预览图片

Auto Close Tag :自动闭合HTML标签

Better Comments  :编写更加人性化的注释

Auto Import Typescript :自动import提示

Auto Rename Tag :修改HTML标签时,自动修改匹配的标签

TODO Highlight

Bracket Pair Colorizer :支架着色器

Chinese (Simplified) Language Pack for Visual Studio Code : 中文

CSS Modules : 

Debugger for Chrome : 

ESLint: 

JavaScript (ES6) code snippets : 

Path Intellisense

Prettier - Code formatter

Sass

stylus

Easy Sass :

Lodash 

Vetur

vscode-element-helper

vscode-icons

vue-element-sinppets

 

原文地址:https://www.cnblogs.com/xiaoxiao2017/p/10551579.html