H5开发准备工作

2018-08-22  本文已影响34人  龙腾异域

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

上一篇下一篇

猜你喜欢

热点阅读