HTML5技术

前端工具Sublime Text 3 的安装与使用 - smile_to_warm

字号+ 作者:H5之家 来源:H5之家 2017-02-26 13:01 我要评论( )

Sublime Text 是一个代码编辑器,被称为前端开发的神器。 Sublime Text 3下载地址: 安装完毕之后如下: 若要方便地管理插件,我们需要安装插件管理器,步骤如下: 1. “Ctrl+‘” 调出Console 2. 打开 复制SUBLIME TEXT 3中的内容 3.粘贴到工具底部的命令行

Sublime Text 是一个代码编辑器,被称为前端开发的神器。

Sublime Text 3下载地址:

安装完毕之后如下:

若要方便地管理插件,我们需要安装插件管理器,步骤如下:

1. “Ctrl+‘” 调出Console

2. 打开

复制SUBLIME TEXT 3中的内容

3.粘贴到工具底部的命令行中,回车并重启。

如果在Preferences--> Package Settings下看到Package Control,刚安装成功。

 

插件管理器的使用

 Ctrl+Shift+P调出命令面板,输入install,选择Install Package 。

可以看到所有插件,可以选择自己要安装的插件。

 

最常用插件为Emmet,用于快速编写Html和Css代码。

Emmet插件安装完毕。

Emmet插件快速编写HTML代码的几种最常用的方式:

1.!+Tabhtml:5+Tab,即可快速建立Html模板

2.标签名*个数+Tab,可生成多个标签,如div*4+Tab

 

3.标签名.类+#id+Tab,会自动生成标签的类和Id属性,如span.menu#name+Tab

4.$会自动生成数字,如span.span${span$$}*5+Tab

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 构建自动化前端样式回归测试——BackstopJS篇 - laden666666

    构建自动化前端样式回归测试——BackstopJS篇 - laden666666

    2017-02-13 16:03

  • 前端技术之浅见 - 棉花糖_30

    前端技术之浅见 - 棉花糖_30

    2017-02-08 15:00

  • 不常见但很有用的chrome调试工具使用方法 - 小火柴的蓝色理想

    不常见但很有用的chrome调试工具使用方法 - 小火柴的蓝色理想

    2017-01-24 14:00

  • 前端资源汇总 - 崔凯通

    前端资源汇总 - 崔凯通

    2017-01-21 13:02

网友点评
t