一、Sublime3下載 1.百度搜索Sublime3,選擇進入下載頁面 2.小編選擇下載Win64位安裝程式 二、Sublime3安裝 傻瓜式安裝,此處省略千言萬語,然後打開就可以使用了,大家要註意的一點是,Sublime3是收費軟體,最傻的是,如果用戶不購買的話,在使用過程中會時不時出現要求購買 ...
一、Sublime3下載
1.百度搜索Sublime3,選擇進入下載頁面
2.小編選擇下載Win64位安裝程式
二、Sublime3安裝
傻瓜式安裝,此處省略千言萬語,然後打開就可以使用了,大家要註意的一點是,Sublime3是收費軟體,最傻的是,如果用戶不購買的話,在使用過程中會時不時出現要求購買的提示框,哈哈,但是我們可以輕鬆關掉呀,就當是Coding過程中的娛樂了,所以不需要購買,就可以永久免費使用了。
三、Sublime3插件配置
直接安裝
安裝Sublime text 3插件很方便,可以直接下載安裝包解壓縮到Packages目錄(菜單->preferences-> Browse Packages)。
使用Package Control組件安裝
也可以安裝package control組件,然後直接線上安裝:
- 按Ctrl+`調出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())
3. 重啟Sublime Text 3。
4. 如果在Perferences->package settings中看到package control這一項,則安裝成功。
用Package Control安裝插件的方法:
- 按下Ctrl+Shift+P調出命令面板
- 輸入install 調出 Install Package 選項並回車,然後在列表中選中要安裝的插件。
不爽的是,有的網路環境可能會不允許訪問陌生的網路環境從而設置一道防火牆,而Sublime Text 3貌似無法設置代理,可能就獲取不到安裝包列表了。
方法介紹完了,接下來進入今天正題,一些有用的Sublime Text 3插件:
註意:安裝插件時保持網路暢通,避免插件由於網路原因奔潰
1. Emmet(原名 Zen Coding)
一種快速編寫html/css的方法
註意:安裝Emmet的同時,也會自動安裝其依賴PyV8 binary庫,安裝PyV8庫會用較長時間,可以在Sublime左下角看到安裝進程狀態
2. html5
支持hmtl5規範的插件包
註意:與Emmet插件配合使用,效果更好
使用方法:新建html文檔>輸入html5>敲擊Tab鍵>自動補全html5規範文檔
3. jQuery
支持JQuery規範的插件包
4. javascript-API-Completions
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標簽屬性提示的插件,是少數支持sublime text 3的尾碼提示的插件,HTML5標簽提示sublime text 3自帶,不過JQuery提示還是很有用處的,也可設置要提示的語言。
安裝方法(請閱讀鏈接詳情):http://www.ithao123.cn/content-10545789.html
5. JSFormat
JS代碼格式化插件。
使用方法:使用快捷鍵ctrl+alt+f
6. SublimeLinter
一個支持lint語法的插件,可以高亮linter認為有錯誤的代碼行,也支持高亮一些特別的註釋,比如“TODO”,這樣就可以被快速定位。(IntelliJ IDEA的TODO功能很贊,這個插件雖然比不上,但是也夠用了吧)
7. BracketHighlighter
類似於代碼匹配,可以匹配括弧,引號等符號內的範圍。
使用方法:系統預設為白色高亮,可以使用鏈接所述方法進行自定義配置
http://www.360doc.com/content/14/1111/15/15077656_424301780.shtml
8. HTML-CSS-JS Prettify
安裝完以後每次點擊右鍵選擇HTML/CSS/JS Prettify -Prettify Code 即可自動規整代碼
9. SideBarEnhancements
側欄右鍵功能增強,非常實用