Sublime Text 3:入門教程

一、前言

簡寫名詞說明

ST3 : Sublime Text 3

爲何寫此文章

由於 ST3 每次安裝以後,配置過程比較繁瑣,尤其是每次都牽涉到諸多插件的安裝。

故而,有必要記載下來,方便以後的查閱。

使用 ST3 必須知道的

本文章將會從以下幾個方面入手,由淺入深,逐步地介紹 ST3 的使用。

  • ST3 下載、安裝
  • ST3 激活
  • ST3 配置
  • ST3 安裝插件
  • ST3 查看插件
  • ST3 常用插件

二、ST3 入門教程

ST3 下載、安裝

ST3 的官網下載地址:https://www.sublimetext.com/

ST3 的安裝簡單,此處略。

ST3 激活

1.先修改 Hosts 文件

Windows 系統下,打開:C:\Windows\System32\drivers\etc 文件。輸入:

127.0.0.1 www.sublimetext.com
127.0.0.1 license.sublimehq.com

2.激活 ST3

點擊 Help -> Enter license -> 輸入類似下面的註冊信息(後,回車):

—– BEGIN LICENSE —– 
sgbteam 
Single User License 
EA7E-1153259 
8891CBB9 F1513E4F 1A3405C1 A865D53F 
115F202E 7B91AB2D 0D2A40ED 352B269B 
76E84F0B CD69BFC7 59F2DFEF E267328F 
215652A3 E88F9D8F 4C38E3BA 5B2DAAE4 
969624E7 DC9CD4D5 717FB40C 1B9738CF 
20B3C4F1 E917B5B3 87C38D9C ACCE7DD8 
5F7EF854 86B9743C FADC04AA FB0DA5C0 
F913BE58 42FEA319 F954EFDD AE881E0B 
—— END LICENSE ——

如果彈出提示:感謝購買(Thanks for purchasing),說明激活成功。

可以重啓 ST3,再次點擊 Help 下面,就看不到 Enter license。 證明:激活成功了。

溫馨提醒:

爲了確保激活徹底、永久、而且成功,修改 Hosts 文件這第一步是必須的!!!

因爲如果不修改 Hosts,此處列出的這個註冊信息,直接輸入的時候,是可以提示激活成功。

但是,等一會,ST3 會提示:

You license key is no longer valid, and has been removed.

也就是 ST3 在聯網情況下,有一種定時檢測註冊信息是否有效的機制:

即 ST3 如果一旦發現無效註冊,就會自動清理掉已有的註冊信息)。

而修改 Hosts 文件就可以有效阻止這種自動檢測機制了。

當然,要是以後能購買支持作者一下就更好了~!

ST3 配置

ST3 安裝以及激活成功後,首先是配置 ST3,即:安裝 Package Control(包/插件管理器)!

1.按 Ctrl + `,調出 Console

(注意:
如果你的電腦上安裝有 2345王牌瀏覽器,那麼,這個快捷鍵衝突。
因爲該瀏覽器下此快捷鍵用於隱藏與顯示瀏覽器。
)

2.在 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())

補充:

以上的安裝命令代碼,也可能發生改變。最新的安裝命令代碼,

可以在這個包/插件管理器的官網找到!

官網地址:https://packagecontrol.io/installation#st3

開源地址:https://github.com/wbond/package_control

3.重啓 ST3

4.如果在 Perferences -> package settings 中看到 package control 這一項,則說明 ST3 到此配置成功。

ST3 安裝插件

1.按下 Ctrl + Shift + P 調出命令面板

2.輸入 install,選中 Package Control: Install Package 後回車; 然後在彈出的列表搜索/選中要安裝的插件,回車後開始對應插件的安裝。

3.在安裝插件的過程中,ST3 底部的狀態欄可以看到提示內容。

4.每成功安裝一個插件,這個插件的相關信息,就會在 ST3 中打開,展示出來。

(如果看到此信息,即表示:相關插件已經安裝成功了!)

溫馨提示:

由於插件一般都是 Github 開源頁面在線安裝方式,可能有的時候,安裝會比較慢速。
要耐心等一下哦~

ST3 查看插件

所有已經成功安裝到 ST3 中的插件,查看方法: Preferences -> Package Settings 下面的子菜單會一一列舉出來的。

三、ST3 常用插件

ChineseLocalizations

用於漢化 ST3 代碼編輯器,當安裝完畢此插件後, ST3 立即就自動漢化掉了!

ConvertToUTF8

用於解決 ST3 打開代碼,如果包含中文註釋,但是中文卻亂碼的問題

Emmet(原名: Zen Coding)

用於快速編寫 HTML/CSS 代碼。

<!-- 比如,裝上 `Emmet` 後,就支持以下幾個經典用法: -->
!       + tab
html:5  + tab
html:4s + tab
div#box + tab

BracketHighlighter

當光標位於標籤對兒的開頭標籤或者閉合標籤的內部時候,該標籤對兒會一併自動高亮。

效果還是相當不錯的。

AutoFileName

可以在你輸入引用文件路徑的時候,智能化自動給出提示。

最典型的就是 img 標籤的 src 屬性輸入。非常不錯的插件。必備!

DocBlockr

用於快速書寫規範、標準、美觀的註釋!

SideBarEnhancements

增強右鍵菜單文件操作功能

SublimeCodeIntel

用於代碼提示增強,可以自動幫助你補全代碼,快速書寫更方便! 大大提升效率。

(特別說明:由於 SublimeCodeIntel 會導致 Emmet 的很多失效,即衝突!故而棄用這個!)

Color Highlighter

顏色的提醒,非常不錯的插件

(注意:這個對於 ST2 的支持性很好,目前好久沒有更新了。對於 ST3 的支持好像不是很徹底。)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章