sublime text 插件(整理他人,主攻前端,不全后期补发)

直接安装

安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

用Package Control安装插件的方法:

按下Ctrl+Shift+P调出命令面板

输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

1.Emmet

Emmet 是一个前端开发的利器,其前身是 Zen Coding。它让编写 HTML 代码变得简单。Emmet 的基本用法是:输入简写形式,然后按Tab键。比如,你只需要输入((h4>a[rel=external])+p>img[width=500 height=320])*12,然后它会被扩展转换成12个列表项和紧随其后的图像。然后你就可以在此基础上再填写内容,就这么简单。

2.SublimeLinter

SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 语言。

3.CSSComb


这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列(是不是有点强迫症了?),那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候。

4.Trmmer


你知道当你编写代码时,由于错误或别的某些原因,会产生一些不必要的空格。需要注意的是多余的空格有时也会造成错误。这个插件会自动删除这些不必要的空格。

5.Alignment

这个插件让你能对齐你的代码,包括 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。您可以查看下面的图片来明白我说的意思。

6. Bracket Highlighter

类似于代码匹配,可以匹配括号,引号等符号内的范围。

7.Prefixr

Prefixr,CSS3 私有前缀

自动补全插件,显然也很有用哇

8.autofilename  

文件路径自动提示插件


9.SublimeCodeIntel

css属性自动提示

2.将插件里面setting-default拷贝到setting-user里面

3.将"codeintel_selected_catalogs"改为"codeintel_selected_catalogs": ["HTML5", "HTML", "JavaScript","CSS"]即可

你可能感兴趣的:(sublime text 插件(整理他人,主攻前端,不全后期补发))