文章

VSCode 常用的插件列表

隐藏侧边栏 文章2018-01-18831 人已阅来源:网络

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。

就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。

1、Open-In-Browser

由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。

2、CSS Peek

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

3、Prettier

美化javascript,JSON,CSS,Sass,和HTML代码。

4、Minify

这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css和 html-minifier,与 JavaScript、CSS 和 HTML 协同工作。

5、HTML Snippets

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

6、HTML CSS Support

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

7、jQuery Code Snippets

jquery 重度患者必须品

8、vscode-icon

让 vscode 资源树目录加上图标

9、Path Intellisense

自动路劲补全,默认不带这个功能的,赶紧装

10、fileheader

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

11、IntelliSense for CSS class names

在html中,写标签css属性的时候,会自动提示css文件中已定义的类和id。

 

TONJAY

因如今网盘的各种你懂的原因,如果下载链接不可用。请加入QQ群,在群文件里进行下载,群文件找不到向群主反馈。
如果有任何问题也可以加入群中,一块讨论学习。