sublime3常用插件总结

Posted 2021-01-13 duanyue

 

本人之前使用的是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