在windows7 上安装 Subline Text 3 及其插件_html/css

在windows7 上安装 Subline Text 3 及其插件_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-24 11:40:54

original

1791 Les gens l'ont consulté

1、下载地址：http://www.sublimetext.com/3

请根据你的平台，选择适当的安装版本

安装完毕后，设定TAB键为4个空格( Preferences??>Setings-User )：

{    "tab_size": 4,    "translate_tabs_to_spaces": true,    "font_size": 11,    "ignored_packages":    [        "Vintage"    ]}

Copier après la connexion

2、安装插件管理器(Package Control)

依次点击菜单栏上的view(查看)??>show console(显示控制台) 菜单，然后在粘贴一下Python代码到你的文本控制台，
按下enter键，稍等几分钟。

Python代码：

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Copier après la connexion

以上安装方法比较简单，还有手动安装方法，请到官网查看：https://packagecontrol.io/installation#st3

3、安装Emmet插件(对写html代码非常方便)

使用示例
例1：输入html:5，然后按下tab键，将得到下面的代码：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body></body></html>

Copier après la connexion

例2：输入div#test，然后按下tab键，将得到下面的代码：

<div id="test"></div>

Copier après la connexion

例3：输入div.test*5，然后按下tab键，将得到下面的代码：

<div class="test"></div><div class="test"></div><div class="test"></div><div class="test"></div><div class="test"></div>

Copier après la connexion

例4：输入div>h2+ul>li*5，然后按下tab键，将得到下面的代码：

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

Copier après la connexion

更为详细的使用介绍：

讲了那么多好处，下面介绍如何安装它？

按下ctrl+shift+p组合键，或者点击 Preferences??>Package Control

如下图；

输入install package

确定

输入emmet

安装成功后，提示如下，重启编辑器后继续完成安装。

4、安装LESS, SASS 插件

以安装 SASS 插件为例，依照安装 emmet插件的步骤，同理我们可以先安装 SASS，然后安装 SASS Build，如图：

LESS安装同理，先安装LESS，后再安装 LESS Build。

5、安装 HTML-CSS-JS Prettify 插件

插件安装同理上述，这里会遇到一个问题，执行 Pretty Code 时，会弹出如下框：

提示，找不到nodejs的安装路径(需要安装nodejs)，点击ok，修改即可，如图：

6、sublime text 3 3083 注册码

----- BEGIN LICENSE -----Andrew WeberSingle User LicenseEA7E-855605813A03DD 5E4AD9E6 6C0EEB94 BC99798F942194A6 02396E98 E62C9979 4BB979FE91424C9D A45400BF F6747D88 2FB8807890F5CC94 1CDC92DC 8457107A F151657B1D22E383 A997F016 42397640 33F41CFCE1D0AE85 A0BBD039 0E9C8D55 E1B89D5D5CDB7036 E56DE1C0 EFCC0840 650CD3A6B98FC99C 8FAC73EE D2B95564 DF450523------ END LICENSE ------

Copier après la connexion

注：在安装插件的时候，有时会很慢，甚至提示：thare are no packages available for installation

解决办法：需要在电脑的HOSTS文本中加入： IPv4地址 sublime.wbond.net，如：192.168.1.51 sublime.wbond.net

详情请看：http://stackoverflow.com/questions/25105139/sublime-text-2-there-are-no-packages-available-for-installation