美文网首页
sublime text 插件(整理他人,主攻前端,不全后

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

作者: 三哥无邪 | 来源:发表于2017-05-10 17:53 被阅读0次

    直接安装

    安装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 插件(整理他人,主攻前端,不全后

          本文链接:https://www.haomeiwen.com/subject/fmiepttx.html