Sublime Text 3 For mac 外掛安裝
1. 安裝PakageControl外掛
個人比較懶,平時喜歡用webstorm,但是因為webstorm開啟實在太慢了,並且太看裝置,所以本人編輯簡單的檔案依然會選擇使用sublime,雖然網上有很多關於此類外掛的分享了,但是感覺都是片段,沒有重點細緻整理。
今天休息,在這簡單的分享下自己常用外掛
All AutocompleteSublime Text 預設的 Autocomplete 功能只考慮當前的檔案,而 AllAutocomplete 外掛會搜尋所有開啟的檔案來尋找匹配的提示詞。
SublimeCodeIntel一個全功能的 Sublime Text 程式碼自動完成引擎 ,本人做過對比,但是如果和webstorm的自動尋找還是稍遜一籌,不過對於大部分人來說夠用了,能很方便跳到你想要的方法
支援的語言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)
CTags實在方法跳轉,跳轉到你方法
之後在win7下或者linux下安裝ctags軟體
開啟ctags外掛包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"這個路徑是下載ctags的安裝路徑 這個外掛能跨檔案跳轉,跳轉到指定函式宣告的地方(ctrl+alt+左鍵)。 使用package control 搜尋ctags 進行安裝(安裝ctags外掛就可以了, 還有一個 CTags for PHP 外掛沒什麼用),注意安裝好外掛後要需要安裝ctags命令。window 下載 ctags.exe http://vdisk.weibo.com/s/7QZd7 。 將ctags.exe檔案放在一個環境變數能訪問到的地方。開啟cmd, 輸入ctags,如果有這個命令,證明成功了。ubuntu下安裝執行命令:sudo apt-get install exuberant-ctags 。然後在 sublime專案資料夾右鍵 , 會出 現Ctag:Rebuild Tags 的選單。點選它,然後會 生成.tags的檔案 然後在你程式碼中, 游標放在某個函式上, 點選就可以跳轉到函式宣告的地方。 AutoFileName快速幫助你在檔案中寫路徑整體來說還不錯
Autoprefixer這個外掛主要應用css的瀏覽器相容書寫,自動分析你的css檔案,解析出新的css檔案,可以配置你要相容的瀏覽器,不過這個外掛要在之前安裝nodejs
BracketHighlighter配置檔案的高亮設定,讓你的程式碼有不同的顏色區分該外掛提供配對標籤,或大括號或字元引號的配對高亮顯示,算是對系統高亮的加強吧。
BufferScroll你可以輕鬆書寫一個檔案多個位置了
ChineseLocalization各國語言包,小日本的都有哦
Color Highlighter顏色功能還是很爽的,找了好久
CSS Comments該有的都有,不該有的也有了
css序列化外掛,支援預設多種序列方案,還可以自己配置自己喜歡的
CSS3css3語言提示外掛,本來不想寫的,也不是什麼特別的,但是可能會有人用到
DocBlockrDocBlocker 是在Sublime平臺上開發一款自動補全程式碼外掛,支援JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等眾多語言
Emmet
Emmet的前身是大名鼎鼎的Zen coding,如果你從事Web前端開發的話,對該外掛一定不會陌生。它使用仿CSS選擇器的語法來生成程式碼,大大提高了HTML/CSS程式碼編寫的速度
HTML-CSS-JS Prettify
全能序列化
JavaScript Completionsjs最基本的api快查片段
JsFormatjs序列化,能排在下載外掛前25位,好的話就不用說了
Keymaps快速查詢所有外掛的快捷鍵
LiveStyleLiveStyle是Chrome中提高開發效率的一款CSS編輯器外掛。利用LiveStyle和Sublime Text3編輯器結合可實現視覺化開發,一次配置,簡單易用!
你本地css檔案可以和瀏覽器的css檔案對映,同步到本地,但是必須在chrome上執行,chrome必須安裝相應的外掛
Pretty JSONJSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式
SideBarEnhancements增強右鍵選單檔案操作功能
SublimeLinter程式碼校驗外掛,支援多種語言,這個是主外掛,如果想檢測特定的檔案需要單獨下載
SublimeLinter-jshint這個就是單獨的外掛,上面的一個分支
SublimeTmpl建立常用檔案初始模板,必須html,css,js模板
TagHTML/XML標籤縮排、補全和校驗
Alignment程式碼對齊
PackageResourceViewer通過這個特殊的外掛,會給你檢視和編輯SublimeText附帶的不同的包帶來很多方便。您也可以提取任何給定的包。這一行動將其複製到使用者資料夾,以便您可以安全地對其進行編輯。
很多人苦惱不能修改左側導航面板字型大小,用這個可以輕鬆辦到
安裝PackageResourceViewer 快捷鍵 ⌘(command)+⇧(shift)+P 開啟 Command Palette 輸入 Package Control:Install 回車,等待載入package列表 搜尋並安裝 PackageResourceViewer 包
最後,使用PackageResourceViewer開啟Theme檔案進行編輯 快捷鍵 ⌘(command)+⇧(shift)+P 開啟 Command Palette 輸入 PackageResourceViewer: Open Resource 回車,開啟包列表 選擇 Theme - Default,再選擇 Default.sublimt-theme 搜尋 sidebar_label,在 "class": "sidebar_label" 後邊加一行:"font.size": 18,將字型大小設定為18,儲存。 好啦,大功告成!
如果覺得行間距太小,可以往上找下,有個class:"sidebartree",調一下里邊的rowpadding配置即可。
Themrsublime可以下載很多風格樣式,用這個外掛可以管理所有的風格
這些就是我們大部分要用到的,其它的我就不細說了,因為每個人不一樣,比如說git,sass,svn這些你們可以自己查詢
外掛的網址如下,你可以找到你喜歡的外掛
https://packagecontrol.io/browse