Sublime Text 3 使用記錄
來看下本文的大綱吧
介紹下,我的環境
操作系統:win10 64bit
sublime Text 3 版本:3143
那么就開始啦。
一.下載與安裝sublime Text 3
因為這是免費的軟件,所以直接去官網下載即可。
選擇對應的版本,點擊下載,如圖 1-1.
這里可以下載兩種版本的,exe應用程序或者zip源程序。
exe應用程序就是簡單的安裝程序,雙擊,然后根據提示進行安裝;
zip源文件 就不用安裝,直接解壓就可以使用。大家可以自行選擇下載,但是建議下載exe 的。
圖1-1
這里我下載的是exe應用程序。所以就拿到了這個。如圖 1-2
圖 1-2
雙擊,然后下一步下一步進行安裝就好了,由於比較簡單,就不多說了。
安裝過程中,有個點很重要,這個建議在安裝過程中,勾選起來。如圖1-3。當然,如果和我一樣忘記勾選的,后續還是有其他辦法將sublimeText3 添加到右鍵快捷菜單中的,就是相對來說,可能要多花一點點時間。
圖 1-3
最后的效果是這樣,如圖1-4
圖 1-4
最后安裝成功后,打開就會看到這個界面。如圖 1-5
圖 1-5
二.安裝插件管理器 Package Control
在安裝其他插件之前,我們首先要安裝他的插件管理器 Package Control ,這樣之后就可以很方便的安裝和卸載Sublime Text 中的插件了。
- 打開官網https://packagecontrol.io/,即可看到一些插件列表,但這不是重點,點擊右邊的按鈕“install now”,如圖 2-1

圖2-1
2. 然后,就可以看到這里已經詳細的介紹如何安裝Package Control 了,為了方便看,我將他在右側簡單的翻譯出來。如圖 2-2

圖 2-2
3.打開sublime Text console(控制台窗口),如圖 2-3
有兩種方式: 3.1 快捷鍵 Ctrl + `
3.2 菜單 View -> Show Console

圖 2-3
4. 將數據粘貼值窗口,按 “Enter” 鍵,在左下角就會顯示正在安裝,待安裝完成,重新打開sublime Text,即可看到,在菜單欄Preferences中出現 Package Control ,這樣就是安裝成功
圖 2-4
三.一些必備的插件
插件安裝的過程基本一樣,所以只把第一節介紹插件的安裝過程,第二節介紹這些插件的作用。
3.1 插件的安裝過程
有兩種安裝方法,以ColorHighlighter 插件為例。 :
1.使用Package Control 進行安裝(建議)
通過快捷鍵“Ctrl + Shift + P”快速打開Package Control ,然后輸入 install ,選擇 install Package ,如圖3-1

圖 3-1
然后就出來這個頁面,再輸入插件名,如:“ColorHighlighter ”,然后點擊,即可安裝對應的插件。如圖 3-2

圖 3-2
下載完成。如圖 3-3

圖 3-3
2.使用git 進行安裝;
通過git 下載插件包,解壓,然后放入對應的Sublime Text 3 的Packages 目錄下,這樣就算將插件安裝成功了。
那么如何找到Packages 目錄呢,看圖 3-4
圖 3-4
3.2 插件介紹
其實這些插件的完整介紹,可以到Package Control 官網上進行查看,官網上有詳細的說明。這里只是簡單介紹一下。
1.ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件
2.Bracket Highlighter 用於匹配括號,引號和html標簽。對於很長的代碼很有用。安裝好之后,不需要設置插件會自動生效
3.Emmet 快速生成HTML代碼段的插件,強大到無與倫比,前端開發必備
4.SideBar Enhancements 這個插件改進了側邊欄,增加了許多功能
5.Themr 主題管理,切換主題的時候,不用自己修改配置文件了,用這個可以方便的切換主題
6.JsFormat JavaScript代碼格式化
7.ColorHighlighter 顯示所選顏色值的顏色,並集成了ColorPicker
8.SublimeTmpl 快速生成文件模板
9.AutoFileName 自動補全文件(目錄)名
10.DocBlockr 快速生成JavaScript ,PHP, ActionScript ,Haxe,CoffeeScript,TypeScript,Java,Groovy,Objective C,C, C++,andRust 語言函數注釋。
11.View In Browser Sublime Text 保存后網頁自動同步更新。
四.可按需添加的插件
1.TortoiseSVN 版本控制工具
2.LiveReload 調試網頁實時自動更新
3.SublimeCodeIntel 智能提示
4.HTML-CSS-JS Prettify HTML、CSS、JS格式化
5.Alignment 使代碼格式的自動對齊
6.Compact Expand CSS Command 使css 屬性展開及收縮,格式化CSS代碼
五.查看所安裝的插件列表
使用快捷鍵“Ctrl +Shift +P”快速打開Package Control ,輸入“list”,選擇“List Packages”然后即可看到所有安裝的插件了。如圖 5-1,5-2.

圖 5-1

圖 5-2
六.刪除某插件
使用快捷鍵“Ctrl +Shift +P”快速打開Package Control ,輸入“remove”,選擇“Remove Packages”,然后選擇所要刪除的插件,即可刪除該插件了,如圖 6-1。

圖 6-1
參考資料:
[1] 小菜與小鳥.Sublime Text 3 全程詳細圖文原創教程(持續更新中。。。)
[2] bananaplan. Sublime Text 3 絕對神器