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

時間 2019-11-14

標籤 windows7 windows 安裝 sublime text 及其插件欄目 Windows 简体版

原文原文鏈接

一、下載地址：http://www.sublimetext.com/3

請根據你的平臺，選擇適當的安裝版本php

安裝完畢後，設定TAB鍵爲4個空格( Preferences——>Setings-User )：html

{
    "tab_size": 4,
    "translate_tabs_to_spaces": true,

    "font_size": 11,
    "ignored_packages":
    [
        "Vintage"
    ]
}

二、安裝插件管理器(Package Control)

依次點擊菜單欄上的view(查看)——>show console(顯示控制檯) 菜單，而後在粘貼一下Python代碼到你的文本控制檯，
按下enter鍵，稍等幾分鐘。node

Python代碼： git

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#st3github

打開Packages目錄，Preferences > Browse Packages 就能夠進入這個目錄。
$ cd Packages/
$ git clone https://github.com/wbond/sublime_package_control.git "Package Control"

三、安裝Emmet插件(對寫html代碼很是方便)

使用示例
例1：輸入html:5，而後按下tab鍵，將獲得下面的代碼：web

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

</body>
</html>

例2：輸入div#test，而後按下tab鍵，將獲得下面的代碼：sublime-text

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

例3：輸入div.test*5，而後按下tab鍵，將獲得下面的代碼：sublime-text-3

<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/27580ui

講了那麼多好處，下面介紹如何安裝它？

按下ctrl+shift+p組合鍵，或者點擊 Preferences——>Package Control

以下圖；

輸入install package

肯定

輸入emmet

安裝成功後，提示以下，重啓編輯器後繼續完成安裝。

四、安裝LESS, SASS 插件

以安裝 SASS 插件爲例，依照安裝 emmet插件的步驟，同理咱們能夠先安裝 SASS，而後安裝 SASS Build，如圖：

LESS安裝同理，先安裝LESS，後再安裝 LESS Build。

五、安裝 HTML-CSS-JS Prettify 插件

插件安裝同理上述，這裏會遇到一個問題，執行 Pretty Code 時，會彈出以下框：

提示，找不到nodejs的安裝路徑(須要安裝nodejs)，點擊ok，修改便可，如圖：

六、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 ------

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

轉載請註明來源，謝謝！