VScode常用插件安装及介绍

1、HTMLSnippets (提示初级的H5代码片段);

2、HTML CSSSupport (让 html 标签上写class 智能提示当前项目所支持的样式);

3、jQuery CodeSnippets (jq的必备品);

4、view inbroswer (ctrl + f1 在浏览器中运行当前的html);

5、vscode-icon(让vscode的文件夹目录添加上对应的图标);

6、PathIntellisense (文件路径自动补全);

7、NpmIntellisense (require 时的包提示);

8、Atuo RenameTag (修改 html 标签,自动帮你完成尾部闭合标签的同步修改);

9、filesize (在底部状态栏显示当前文件大小,点击查看创建、修改时间);

10、BracketPair Colorizer (对应的括号相似相同的颜色);

11、vetur (语法高亮、智能感知、Emmet等)

12、VueHelper (snippet代码片段);

13、fileheader  顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

14、Quokka 调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。

15、CSS Peek 追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

16、HTML Boilerplate  在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。

17、Color Info 提供 CSS 中使用颜色的相关信息,在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息。

18、tortoiseSvn  tortoiseSvn for vs code

19、easy less(保存后自动编译)

猜你喜欢

转载自blog.csdn.net/qq_41115965/article/details/80642659
今日推荐