美文网首页华东交通大学H5
自用sublime text3常用插件及快捷键小结

自用sublime text3常用插件及快捷键小结

作者: 我是渐渐呀 | 来源:发表于2016-10-26 12:40 被阅读73次

插件篇

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文件

/*:回车创建一个代码块注释

/**:回车在自动查找函数中的形参等等。

注释马上就出来啦

相关文章

网友评论

    本文标题:自用sublime text3常用插件及快捷键小结

    本文链接:https://www.haomeiwen.com/subject/sgmluttx.html