第一篇博客,有点小激动
最近开始接触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的相关路径下即可,这里有两个路径,经验证放置到其中任意一处均可。
step5:
2、弹出如下窗口
3、在输入框输入install,双击install package。
4、进入这里,然后输入emmet,点击安装
5、等待安装完成后,重启,你的sublime就可以头部自动补全啦。
step6:以下是一些常用的补全格式
html:4t
<html lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}">
<title>Documenttitle>
head>
<body>
${child}
body>
html>
html:4s
<html lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}">
<title>Documenttitle>
head>
<body>
${child}
body>
html>
html:xt
<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
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title>Documenttitle>
head>
<body>
${child}
body>
html>
html:xxs
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title>Documenttitle>
head>
<body>
${child}
body>
html>
html:5
<html lang="${lang}">
<head>
<meta charset="${charset}">
<title>Documenttitle>
head>
<body>
${child}
body>
html>
ps:很多都是借鉴的,我也是新手上路,老司机多多指点。