sublime安装及Emmet的使用

最新推荐文章于 2022-04-08 10:37:32 发布

ReadyYes

最新推荐文章于 2022-04-08 10:37:32 发布

阅读量623

点赞数

分类专栏：零碎文章标签： sublime

本文链接：https://blog.csdn.net/ReadyYes/article/details/51448427

版权

零碎专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.安装激活

http://dl.pconline.com.cn/download/360585.html 下载安装后键入许可证：

 v3103可用

—– BEGIN LICENSE —–
Ryan Clark
Single User License
EA7E-812479
2158A7DE B690A7A3 8EC04710 006A5EEB
34E77CA3 9C82C81F 0DB6371B 79704E6F
93F36655 B031503A 03257CCC 01B20F60
D304FA8D B1B4F0AF 8A76C7BA 0FA94D55
56D46BCE 5237A341 CD837F30 4D60772D
349B1179 A996F826 90CDB73C 24D41245
FD032C30 AD5E7241 4EAA66ED 167D91FB
55896B16 EA125C81 F550AF6B A6820916
—— END LICENSE ——



 v3103以下可用

----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------

2.安装Package Control

一、简单的安装方法

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

如果顺利的话，此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。

顺便贴下Sublime Text2 的代码：

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')

二、手动安装

可能由于各种原因，无法使用代码安装，那可以通过以下步骤手动安装Package Control：

1.点击Preferences > Browse Packages菜单

2.进入打开的目录的上层目录，然后再进入Installed Packages/目录

3.下载Package Control.sublime-package并复制到Installed Packages/目录

4.重启Sublime Text。

3.安装emmet

快捷键 Ctrl+Shift+P（菜单 – Tools – Command Paletter），输入 install 选中Install Package并回车，输入或选择你需要的插件回车就安装了（注意左下角的小文字变化，会提示安装成功）。
这里写图片描述

这里写图片描述

安装后重启下！（当然你也可以安装其他各种你需要的插件）

4.Emmet 的使用

Emmet –之前叫Zen coding，让代码飞起来。
输入 html:5 然后CTRL+E;

html:xt –>然后CTRL+E 得到：

<!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="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

div.box –>然后CTRL+E 得到：

<div class="box"></div>

div#myid –>然后CTRL+E 得到：

<div id="myid"></div>

div.header>div#nav>a –>然后CTRL+E 得到：

<div class="header">
    <div id="nav"><a href=""></a></div>
</div>

div>ul>li*3 –>然后CTRL+E 得到

<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

input[type=’password’] 得到:

<input type="password">

div>ul>li*5>a+span (‘+’表示是兄弟关系)得到:

<div>
    <ul>
        <li><a href=""></a><span></span></li>
        <li><a href=""></a><span></span></li>
        <li><a href=""></a><span></span></li>
        <li><a href=""></a><span></span></li>
        <li><a href=""></a><span></span></li>
    </ul>
</div>

ReadyYes

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
sublime安装及Emmet的使用

1.安装激活http://dl.pconline.com.cn/download/360585.html 下载安装后键入许可证： v3103可用—– BEGIN LICENSE —–Ryan ClarkSingle User LicenseEA7E-8124792158A7DE B690A7A3 8EC04710 006A5EEB34E77CA3 9C82C81F 0DB6371B 797
复制链接

扫一扫