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

最新推荐文章于 2024-03-14 11:54:29 发布

GERRON

最新推荐文章于 2024-03-14 11:54:29 发布

阅读量909

点赞数

文章标签： html 插件

本文链接：https://blog.csdn.net/qq_34210183/article/details/52946338

版权

第一篇博客，有点小激动

最近开始接触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

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

GERRON

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
sublime安装html头部补全插件安装

sublime text如何在新建文件中快速补全头补信息。
复制链接

扫一扫