sublime text3神器插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sublime text3神器插件相关的知识,希望对你有一定的参考价值。


(首先安装)Package Control
   Package Control,就像 Linux 下的 apt-get 和 yum 一样,它是 Sublime Text 的包管理器

1.Emmet

   是一个前端开发的利器,其前身是 Zen Coding。它让编写 html 代码变得简单

 基本用法是:输入简写形式,然后按 Tab 键

2.SublimeLinter

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

在使用 SublimeLinter 之前,你要安装相应的程序,详见README。如果要校验 JavaScript 或 CSS,你还要安装Node.js

3.SideBarEnhancements

  一款很实用的右键菜单增强插件,有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示,在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能。

SideBarEnhancements 还有一个功能就是自定义打开文件的程序,在侧边栏中右键点击一个文件(夹),选择 Open With -> Edit Applications 就可以修改关联了,配置文件自带示例,可以很方便地套用。

4.Sublime?Code?Intel

  代码提示、补全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等语言,是 Sublime Text 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方,十分方便。使用 Sublime?Code?Intel 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或project_root/.codeintel/config 中,ReadMe 中有详细的说明.

不建议把 Sublime?Code?Intel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比 Sublime?Code?Intel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单Preferences -> Package Settings -> Sublime?Code?Intel -> Settings - User 中加入下面的内容,并去掉要禁用的语言。

 

5.Alignment

  代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别,默认快捷键是 ctrl+alt+a(Mac OS 上是 cmd+ctrl+a)。

Bracket?Highlighter

  一个括号、引号、标签高亮插件,支持 []、()、{}、""、‘‘ 和 <tag></tag> 等,比 Sublime Text 自带的高亮要明显得多.

6.Git

  插件集成了 git 的常用功能,使用之前需要安装 git 并写入环境变量中

7.less    

  高亮插件

8.sublimeTmpl    

  文件模板

  

9.ftpSync  

  FTP同步工具

10.ConvertToUtf8  

  直接在菜单栏中可以转utf8

11.ChineseLocalization

  语言切换,帮助(H)/Language/简体中文,繁体中文,日语,English

以上是关于sublime text3神器插件的主要内容,如果未能解决你的问题,请参考以下文章

sublime text3 增加代码片段(snipper)

sublime text3 - 打造成小程序开发神器

一个前端程序猿的Sublime Text3的自我修养

sublime text3 下载安装与 Emmet插件的安装

sublime text3 添加新片段

Sublime Text3实用技巧