插件篇
1.Package Control
作为这款编辑器的标配,package control 可以快捷地帮助你安装,卸载,查看,升级你的插件
用shift+ctrl+p的方式召唤出sublime的命令行,输入package control就可以看到package control的功能
2.emmet
Emmet 项目的前身是前端开发人员熟知的 Zen Coding(快速编写 HTML/CSS 代码的方案)。在 Sublime Text 编辑器中搭配 Emmet 插件真的是让你编码快上加快。
将右下角的编辑模式选择为html!!!
输入html:xt,然后tab
就会自动生成一个html的“骨架”
生成多个元素,例如10个div:div*10,然后tab
生成一个结构(子元素用>,同级元素用+,父级元素用^),例如:div>ul>li+li+li+li^div,然后tab
生成带有id和class的元素(id用#,class用.),例如:div#d1,然后tab
3.sublimeTeml
他可以快速生成你需要的模板,例如(html,css,js,php,等等)
快捷键:
ctrl+alt+h:快速生成一个html骨架
ctrl+alt+c:快速生成一个css骨架
ctrl+alt+p:快速生成一个php骨架
ctrl+alt+j:快速生成一个js骨架
ctrl+alt+r:快速生成一个ruby骨架
ctrl+alt+x:快速生成一个xml骨架
打开插件的目录,一般为Sublime Text/Packages/SublimeTeml/templates,这就是模板的文件目录
我们可以用sublime打开他们,将其修改成我们需要的样子,比如我现在修改的html.tepl文件
一户随时按ctrl+alt+h,就能生成一个自定义的html模板,是不是很方便呢
4.view in browser
这个插件的功能比较单一,但是很好用
快捷键ctrl+alt+c:将正在编辑的文件用浏览器打开,任何文件!!!
所以,正常html打开,显示网页,很正常
css文件也能打开
嗯
也很正常
5.ColorPicker
这是一个可以在编辑器中打开的调色板
快捷键:shift+ctrl+c
6.DocBlock
这个插件可以帮助你生成规范的注释
例如有一下这个js文件
/*:回车创建一个代码块注释
/**:回车在自动查找函数中的形参等等。
注释马上就出来啦