迷之Sublime Plugins,可爱的插件组来咯

你还记得第一次配着汉化版的sublime对着报错信息抓耳挠腮吗? 😭
类似于这样

image.png

mmp,什么鬼?
不要担心,是汉化的问题,并不是插件本身,可以放心使用
下面介绍几款好用的插件及安装步骤
由于Sublime的插件质量良莠不齐,所以不要一次性装N多插件,会挂掉的,或者给你意想不到的结果,所以用什么就装什么就好~
⚾⚾⚾#常用插件
1、SublimeLinter =====错误语法检测
2、JsMinifier =====自动压缩js文件
3、Sublime CodeIntel =====代码自动提示
4、Bracket Highlighter =====代码匹配
5、CSScomb CSS =====属性排序
6、SublimeTmpl =====快速生成文件模板
值得一提的快捷键
真的很棒,但是注意是要创建新文件直接生成的模板,而不是在源文件基础上,这一点不是很好,个人更推荐Emment,请见下方

快捷键如下:

Default key bindings

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python
7、CodeFormatter =====支持各种格式代码转换,也是必备用具

支持常见的几种编程语言:
  • PHP
  • JavaScript/JSON
  • HTML
  • CSS
  • SCSS
  • Python
  • Visual Basic/VBScript
  • Coldfusion/Railo/Lucee
install 步骤

在启动Sublime Text 3程序后,使用快捷键 “ Ctl+Shift+P ”,再选择 "Package Control: Install Package"


161113205735003.gif

看一下效果图


161113205735003.gif

8、GBK to UTF8 =====GBK转换UTF8
9、SFTP =====ftp插件
10、WordPress =====WordPress函数
11、PHPTidy =====排版PHP代码
12、YUI Compressor =====压缩JS和CSS文件
13、Alignment =====代码对齐
14、Emmet =====快速生成模板

这个必须会用啊,太强大了

Emmet是一款编辑器插件,支持多种编辑器支持。在前端开发中,Emmet 使用缩写语法快速编写 HTML、CSS 以及实现其他的功能,极大的提高前端开发效率。
具体功能参照官方文档
emment 地址(https://docs.emmet.io/)
15、Prefixr =====css自动添加 -webkit 等私有词缀

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容