你还记得第一次配着汉化版的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 等私有词缀