美文网首页
H5开发准备工作

H5开发准备工作

作者: 龙腾异域 | 来源:发表于2018-08-22 15:43 被阅读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

    相关文章

      网友评论

          本文标题:H5开发准备工作

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