sublime如何修改html5,sublime编辑器的操作方法

sublime方法

HTML5学堂：前面介绍过sublime安装和配置方法，也介绍过sublime的快捷键，今天给大家介绍下模板设置，同时介绍一个非常实用的插件。

快捷模板设置

编写代码时我们经常实用快捷键产生代码，比如html的基本结构我们都是直接使用"!" + "tab"直接产生一个html结构，但有的时候我们会需要一个固定的模板，自带viewport引入jQuery等等。比如我们需要一个移动端需要的模板

Document

第一步

打开工具—选择新代码段：

第二步

打开后，我们会看到这样

“Hello, ${1:this} is a ${2:snippet}.”这句就是我们需要替换的模板内容。

tabTrigger设置快捷键

scope设置这个快捷键控制的类型

基本设置好了之后：

第三步

设置好后需要保存，但是保存需要特别注意文件后缀必须为".sublime-snippet",保存后就可以使用"hello" + "tab"快捷产生代码了。快去试试吧。

插件推荐

网上下载的sublime一般会自带插件Package Control，这个插件非常方便，可以用于查找安装更新插件。

首先咱们升级下Package Control，打开首选项-Package Control然后update一下,升级后我们就可以用它来找到更多有意思的插件了。

每次返回目录查找资源是件非常痛苦的事情，AutoFileName这个插件就解决了我们的苦恼了，这个插件可以自动找到目录，并让你选择目录下的资源。

打开Package Control选择Install Package会出来一个列表，里面有非常多的插件资源。

搜索并选择AutoFileName，sublime的左下方会有一个加载状态提示，安装完毕后就可以使用了。非常实用的一个插件，快去试试吧。

HTML5学堂小编 - 其其 耗时1.5h

欢迎沟通交流~HTML5学堂