在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

 

轉載請注明來源,謝謝!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM