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软件
- 打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径
- 这个插件能跨文件跳转,跳转到指定函数声明的地方(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