1. 程式人生 > >Sublime Text 3 For mac 外掛安裝

Sublime Text 3 For mac 外掛安裝

1. 安裝PakageControl外掛

個人比較懶,平時喜歡用webstorm,但是因為webstorm開啟實在太慢了,並且太看裝置,所以本人編輯簡單的檔案依然會選擇使用sublime,雖然網上有很多關於此類外掛的分享了,但是感覺都是片段,沒有重點細緻整理。

今天休息,在這簡單的分享下自己常用外掛

All Autocomplete 

Sublime 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 Format 

css序列化外掛,支援預設多種序列方案,還可以自己配置自己喜歡的

CSS3 

css3語言提示外掛,本來不想寫的,也不是什麼特別的,但是可能會有人用到

DocBlockr 

DocBlocker 是在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 Completions 

js最基本的api快查片段

JsFormat 

js序列化,能排在下載外掛前25位,好的話就不用說了

Keymaps 

快速查詢所有外掛的快捷鍵

LiveStyle 

LiveStyle是Chrome中提高開發效率的一款CSS編輯器外掛。利用LiveStyle和Sublime Text3編輯器結合可實現視覺化開發,一次配置,簡單易用!

你本地css檔案可以和瀏覽器的css檔案對映,同步到本地,但是必須在chrome上執行,chrome必須安裝相應的外掛

Pretty JSON 

JSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式

SideBarEnhancements 

增強右鍵選單檔案操作功能

SublimeLinter 

程式碼校驗外掛,支援多種語言,這個是主外掛,如果想檢測特定的檔案需要單獨下載

SublimeLinter-jshint 

這個就是單獨的外掛,上面的一個分支

SublimeTmpl 

建立常用檔案初始模板,必須html,css,js模板

Tag 

HTML/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配置即可。

Themr 

sublime可以下載很多風格樣式,用這個外掛可以管理所有的風格

這些就是我們大部分要用到的,其它的我就不細說了,因為每個人不一樣,比如說git,sass,svn這些你們可以自己查詢

外掛的網址如下,你可以找到你喜歡的外掛

https://packagecontrol.io/browse