第一篇博客,有点小激动
最近开始接触html,发现了编辑器,edit with notepad++、sublime、ws等等,感觉各有各的好,看到视频中用到sublime,编辑HTML程序时,他们补全的方法吸引到我了,于是乎就有了这第一篇博客,也是各方转载,一步步整合出来的,如有雷同,纯属巧合。
step1:下载一个sublime text,这个简单。
step2:下载后,安装sublime,这里没什么难度,不详说。
step3:安装好sublime后,双击打开。
step4:Sublime Text导入Package Control
菜单栏找到preferences,点开你会发现你的没有package control这一项,如图所示,不着急,接下来就是告诉你怎么安装。
安装package control:
方法一:在线安装,首先打开 Ctrl + ~,输入如下的代码
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
等待安装完了之后重启软件即可。
ps:输入Ctrl + Shift + P 然后输入Install Package看是否可以调出来Install Package验证下安装是否成功。
方法二:离线安装,前提是需要一个Package Control的安装包,将该安装包替换到Sublime Text2的相关路径下即可,这里有两个路径,经验证放置到其中任意一处均可。
- 路径一:打开Sublime Text 2,点击PreFerences --> Browse Packages,进入一个文件夹后返回该文件夹的上一级“Sublime Text2”,找到一个“Installed Packages”文件夹(如果没有该文件夹则创建个新的),将下载好的Package Control的安装包放到“Installed Packages”文件夹下即可。
- 路径二:Sublime Text 2 的安装路径,“Sublime Text 2\Pristine Packages\”文件夹下
step5:
2、弹出如下窗口
3、在输入框输入install,双击install package。
4、进入这里,然后输入emmet,点击安装
5、等待安装完成后,重启,你的sublime就可以头部自动补全啦。
step6:以下是一些常用的补全格式
html:4t
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}">
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
html:4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}">
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
html:xt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title></title>
</head>
<body>
${child}
</body>
</html>
html:xs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title>Document</title>
</head>
<body>
${child}
</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="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
html:5
<!doctype html>
<html lang="${lang}">
<head>
<meta charset="${charset}">
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
ps:很多都是借鉴的,我也是新手上路,老司机多多指点。