sublime text 3教程

Sublime Text 3是一款輕量級的編輯器軟件，不只體積輕巧運行快速，並且還有很豐富的插件支持功能強大，很適合編寫代碼以及寫做。下面介紹一下sublime text 3的安裝配置以及一些簡單的使用技巧

1. 安裝Sublime Text 3

官網： https://www.sublimetext.com/3
下載對應平臺的版本安裝便可，個人是Window64bit

2. 配置環境變量

此電腦 → 屬性 → 高級系統設置 → 高級 → 環境變量 → 系統變量
找到Path編輯，新建一項內容爲Sublime Text 3的安裝目錄，例如個人是D:\Software\Sublime Text 3


打開命令提示符輸入subl -h會出現幫助文檔即表示配置成功，具體命令參考幫助文檔便可

3. 安裝插件

1) 安裝Package Control

Sulime Text 3支持大量插件，Package Control能幫咱們很好的管理這些插件，包括安裝、卸載以及查看等
使用快捷鍵Ctrl+·或者菜單欄View→Show Console打開Sublime Text控制檯，輸入如下代碼並回車：

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

以上代碼可在Package Control官網找到（以官網爲準），這裏應選擇 Sublime Text 3的代碼
安裝完以後可經過快捷鍵Ctrl+Shift+P或者菜單欄Preferences→Package Control來調用Package Control

2) 安裝插件

打開Package Control → 輸入install選擇下拉框的第一項即Package Control: Install Package → 回車 → 輸入想要安裝的插件名字 → 選擇對應插件便可安裝

PS：刪除和更新插件的操做相似，對應的選項分別是Remove Package和Upgrade Package

3) 插件推薦

插件是爲了更好更快地編寫代碼，最重要的是熟練使用，如下推薦一些比較好用的插件

Alignment

自動對齊代碼

AutoFileName

輸入文件名時，自動補全文件路徑

BracketHighlighter

高亮顯示配對括號以及當前光標所在區域

ConvertToUTF8

解決編碼問題

DocBlockr

自動補全註釋插件

Emmet

前端開發利器，大大提升了HTML/CSS代碼編寫的速度

FileDiffs

代碼比較工具

Git

版本控制工具

GitButter

安裝Git後，GitGutter能幫助查看文件以前的改動和差別

IMESupport

解決中文輸入法輸入框不跟隨的bug

SideBarEnhancements

側邊欄功能擴展

SublimeCodeIntel

代碼提示和補全插件

SublimeLinter

代碼校驗插件，高亮顯示錯誤語法，前提是已安裝了相應語言的環境

Sublime​REPL

代碼解釋器，解釋運行各類語言，尤爲是python等

4) 主題推薦

Sublime Text有大量的第三方主題可選：https://packagecontrol.io/browse/labels/theme 安裝方式與插件一致。
Preferences → Theme，便可選擇使用哪一個已安裝的主題
Preferences → Color Theme，便可選擇相應主題的配色方案
主題最重要的是本身看着舒服，下面推薦3個我認爲不錯的主題（圖片來自網上）

Soda Theme

提供了黑白兩種配色方案

Material Theme

僅提供黑色方案，若需白色方案可安裝Material Theme White Panels
另外可搭配A File Icon插件使用文件圖標擴展

Boxy Theme

提供多種配色方案，包括黑白等，如下只是其中幾種
也可搭配A File Icon插件使用文件圖標擴展

4. 自定義配置

Preferences → Settings打開設置，其中左邊setting–Default是默認設置，不建議修改，右邊的setting–User便是用戶自定義設置。
只要在{}中輸入"屬性": 屬性內容,便可自定義設置，例如改字體大小："font_size": 14,

5. 使用技巧

這裏就先不詳述了，能夠參考下面這篇博客，裏面介紹的很詳細，博客地址：http://zh.lucida.me/blog/sublime-text-complete-guide/
也能夠看看慕課網上的使用教程：前端開發工具技巧介紹—Sublime篇 最後要說的是，工具再牛逼也只是工具，最重要的咱們要好好利用。