你的位置:首页 > 软件开发 > 网页设计 > 前端工具Sublime Text 3 的安装与使用

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

发布时间:2017-02-24 00:00:17
Sublime Text 是一个代码编辑器,被称为前端开发的神器。Sublime Text 3下载地址:http://www.sublimetext.com/3安装完毕之后如下:若要方便地管理插件,我们需要安装插件管理器,步骤如下:1. “Ctrl+‘” 调出Console2. ...

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

Sublime Text 3下载地址:http://www.sublimetext.com/3

安装完毕之后如下:

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

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

1. “Ctrl+‘” 调出Console

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

2. 打开https://packagecontrol.io/installation#st3

复制SUBLIME TEXT 3中的内容

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

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

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

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

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

插件管理器的使用

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

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

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

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

 

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

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

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

Emmet插件安装完毕。

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

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

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

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

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

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

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

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

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

 


原标题:前端工具Sublime Text 3 的安装与使用

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。