H5开发准备工作

sublime下载与安装

 根据自己的系统选择相应的安装文件下载链接，安装成功之后如图

必要的插件安装

这里我们选择比较常用的几款插件，讲解下如何安装。

1.SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。

SublimeTmpl默认的快捷键有如下几个：

ctrl+alt+h创建html页面

ctrl+alt+j创建javascript

ctrl+alt+c创建css

2.Emmet前端开发不可缺少的插件，Emmet可使开发者用缩写形式书写代码，再用“扩展”功能自动将代码扩展至完整样式。它让编写HTML和CSS代码变得简单，节省大量时间。

3.SublimeCodeIntel一个代码提示和补全插件

4.BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签，能匹配的 [] ,  () ,  {} ,  "" ,  '' ,  等甚至是自定义的标签。

5.View In Browser在右键选项栏中添加ViewIn Browser选项，可一键将当前html文件在浏览器中运行,可以在Settings-user里面设置自己常用的浏览器

下面以BracketHighlighter为例详细讲解下插件安装过程。

首先选择Commandpalette...输入install Package Control，此时可以使用快捷键Ctrl+`调出控制台，可以看到安装信息。

安装完成后输入install Package,鼠标单击或者回车键

输入我们要安装的BracketHighlighter插件

继续单击或回车，查看控制台信息，或者浏览Preferences -- Package Settings下有无BracketHighlighter，有的话说明安装成功了。

以上总总，也可以搜索自己所需要的插件。推荐一个插件介绍网址：https://www.h5anli.com/articles/201607/sublimetcj.html