sublime3常用插件总结

Posted duanyue

tags:

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

 

本人之前使用的是webstorm,后来改用sublime,渐渐的爱上了它的快!(自行体会)

 

  正式介绍sublime3常用的一些插件,安装流程不再赘述!

  • SublimeTmpl

  创建常用文件初始模板,必须html,css,js模板

  • SublimeLinter

  一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)

  • All Autocomplete

  Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

  •  Alignmen   

  等于号对齐,默认为 Ctrl + Alt + A,但有可能跟QQ截图 冲突,所以可以自己设置快捷键,设置方式  导航栏 -> preferences ->package settings ->Alignment ->key Bildings-default

  • SublimeCodeIntel

  一个全功能的 Sublime Text 代码自动完成引擎 ,本人做过对比,但是如果和webstorm的自动寻找还是稍逊一筹,不过对于大部分人来说够用了,能很方便跳到你想要的方法

  支持的语言挺多的(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.)

  • CTags

  实在方法跳转,跳转到你方法

  之后在win7下或者linux下安装ctags软件

  1.   打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径
  2. 这个插件能跨文件跳转,跳转到指定函数声明的地方(ctrl+alt+左键)。 使用package control 搜索ctags 进行安装(安装ctags插件就可以了, 还有一个 CTags for PHP 插件没什么用),注意安装好插件后要需要安装ctags命令。window 下载 ctags.exe  http://vdisk.weibo.com/s/7QZd7 。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd, 输入ctags,如果有这个命令,证明成功了。ubuntu下安装运行命令:sudo apt-get install exuberant-ctags 。然后在sublime项目文件夹右键, 会出       现Ctag:Rebuild Tags 的菜单。点击它,然后会生成.tags的文件 然后在你代码中, 光标放在某个函数上, 点击 就可以跳转到函数声明的地方。
  • AutoFileName

  快速帮助你在文件中写路径整体来说还不错。

  • Autoprefixer

  这个插件主要应用css的浏览器兼容书写,自动分析你的css文件,解析出新的css文件,可以配置你要兼容的浏览器,不过这个插件要在之前安装nodejs

  • BracketHighlighter

  配置文件的高亮设置,让你的代码有不同的颜色区分该插件提供配对标签,或大括号或字符引号的配对高亮显示,算是对系统高亮的加强吧。

  • BufferScroll

  一个文件多开的情况下,你可以轻松书写一个文件多个位置了。

  • CSS Format

  css序列化插件,支持默认多种序列方案,还可以自己配置自己喜欢的。

  • DocBlockr

  DocBlocker 是在Sublime平台上开发一款自动补全注释插件,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言。(使用方法 /**回车)

  • Emmet

  Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

  • HTML-CSS-JS Prettify

  全能序列化。

  • JavaScript Completions

  js最基本的api快查片段

  • JsFormat

  js序列化,能排在下载插件前25位,好的话就不用说了。

  • Tag

  HTML/XML标签缩进、补全和校验

 

  设置自己的自定义快捷键

  //  设置html在浏览器中打开

  打开Preferences - 「Key Bindings - User」,添加此行:
  {"keys": ["ctrl+b"],"command": "open_in_browser"}
  保存后按ctrl+b就相当于右键-open in browser了,你也可以换成自己喜欢的快捷键,只要把[ ]里面的ctrl+b换成你喜欢的快捷键就可以了

 

生活不易,且活且珍惜!

--------------------------------------------------------------------------------------------------------------------------------------------------------

2018/10/16  22:18

 

以上是关于sublime3常用插件总结的主要内容,如果未能解决你的问题,请参考以下文章

SUBLIME3 前端个人常用插件及快捷键

sublime3 常用快捷键

sublime3 htmlbeautify插件怎么用

sublime使用技巧记录

sublime3 插件怎么安装

sublime3常用环境配置