在windows7 上安装 Sublime Text 3 及其插件

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"
    ]
}
复制代码

 

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)

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

 

打开Packages目录，Preferences > Browse Packages 就可以进入这个目录。
$ cd Packages/
$ git clone https://github.com/wbond/sublime_package_control.git "Package Control"

 

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

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

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

</body>
</html>
复制代码

 

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

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

 

例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>

 

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

复制代码
<div>
    <h2></h2>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
复制代码

更为详细的使用介绍：http://www.iteye.com/news/27580

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

按下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 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 ------
复制代码

 

更多注册码链接：http://9iphp.com/web/html/sublime-text-3-license-key.html

 

注：在安装插件的时候，有时会很慢，甚至提示：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

 

转载请注明来源，谢谢！

 

posted @   杨君华  阅读(6257)  评论(4)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛