sublime安装html头部补全插件安装

第一篇博客,有点小激动

最近开始接触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\”文件夹下
ps:小编采用的方法 一,方法二的安装包没有提供,有兴趣可以去下一个试试

step5:sublime text安装emmet插件这个时候上一步安装的package control就发挥作用了。

1、重启后sublime text后,点击preferences,点击package control




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:很多都是借鉴的,我也是新手上路,老司机多多指点。

你可能感兴趣的:(sublime安装html头部补全插件安装)