官方QQ群 —Discuz在线开发手册购买邀请码

开启辅助访问在线金币（V币）充值切换风格

【道勤网】- www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程！【道勤网】»论坛 › 道勤问鼎课堂 › 站长学堂 › Sublime Text2 新建文件快速生成Html头部信息和炫酷的代 ...

发新帖

查看: 4242|回复: 0

[分享] Sublime Text2 新建文件快速生成Html头部信息和炫酷的代码补全

2362 主题	195 回帖	2万积分

Rank: 9 Rank: 9 Rank: 9

积分: 23569

发消息

发表于 2015-8-11 13:59:49 | 显示全部楼层 |阅读模式

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由学习NO.1 于 2015-8-11 14:06 编辑

预备：安装emmet插件（previously known as Zen Coding）

方法一 package control法：

上一篇我们介绍了如何安装package control。打开sublime，mac下用command + shift + p调出命令窗口，输入install,选中package control：install package，等待1-2秒，下拉选中emmet plugin回车，等待2-3秒，重启sublime。

方法二手动安装法：

git下emmet plugin， emmet-sublime-master.zip (228.02 KB, 下载次数: 0, 售价: 5 金钱)

2015-8-11 14:01 上传

点击文件名下载附件

打开sublime，preferences，browse packages，将下载的zip文件解压放到packages文件夹下，重启sublime。

参见：官方安装文档用命令 command + F 查找 install即可。

删除已安装插件：按ctr+shift +p然后输入remove 回车，再输入要删除的插件名。

开始体验：输入以下简写，按tab键

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>

复制代码

html:4t

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>

复制代码

html:4s

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>

复制代码

html:xxs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>

复制代码

ul#nav>li.itemS*4>a{Item $}

<ul id="nav">
2 <li class="itemS"><a href="">Item 1</a></li>
3 <li class="itemS"><a href="">Item 2</a></li>
4 <li class="itemS"><a href="">Item 3</a></li>
5 <li class="itemS"><a href="">Item 4</a></li>
6 </ul>

复制代码

更多炫酷信息和emmet语法请参见：

视频demo
语法文档
一些必不可少的Sublime Text 2插件

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

回复

使用道具举报

发新帖

建站技术交流导读服务器运维/第四天课程/第三天课程/第二天课程/第一天课程

Discuz论坛X3.2头部登陆框上移至顶部修改美化 (已测完美)

Discuz论坛X3.2头部登陆框上移至顶部修改美

第一课 Discuz！简介---视频教程道勤网www.daoqin.net录制

第一课 Discuz！简介---视频教程道勤网www.

第二课 DZ安装前准备工作 ---视频教程道勤网www.daoqin.net录制

第二课 DZ安装前准备工作 ---视频教程道勤

克米设计-19楼风格 X3.2商业版_带插件全套分享，交流学习

克米设计-19楼风格 X3.2商业版_带插件全套

道勤网- 推荐内容！ /2

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

!jz_fenx!

!jz_gzwx!

!jz_grzx!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-11-25 11:43

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表