標籤:
打造便攜版的Sublime Text 3:
1、官網(Sublime Text 3)下載軟體,直接安裝,安裝完成後不要開啟;然後我們要做的就是在軟體的安裝目錄下,例如,我的電腦上的安裝目錄是:D:\Sublime Text 3;在該目錄下建立 Data 檔案夾(注意大小寫),如:
做完這步之後,開啟Sublime Text,所有的設定檔都會產生在Data檔案夾中!
2、安裝Package Control和所需外掛程式。
3、打包,放入隨身碟、網盤......
外掛程式篇:
Emmet(Zen Coding) --- 快速產生HTML程式碼片段的外掛程式,強大到無與倫比:可以超快速編寫HTML/CSS/JS,當然這個外掛程式還支援多種編譯環境,如常見的:Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等,web開發必備!!!。
Autoprefixer --- 這是一款CSS3私人首碼自動補全外掛程式;該外掛程式使用CanIUse資料庫(當然,SublimeText自然也有CanIUse這個外掛程式咯),能精準判斷哪些屬性需要什麼首碼,與CssComb外掛程式一樣,該外掛程式也需要系統已安裝Node.js環境;使用方法:在輸入CSS3屬性後(冒號前)按Tab鍵即可。
BracketHighlighter --- 用於匹配括弧,引號和html標籤。對於很長的代碼很有用。安裝好之後,不需要設定外掛程式會自動生效
CSScomb --- CSS屬性排序 有時候看看自己寫的CSS檔案,會不會覺得屬性很亂尋找不易維護難?CSScomb可以按照一定的CSS屬性定序,將雜亂無章的CSS屬性進行重新排序。選中要排序的CSS代碼,按Ctrl+Shift+C,即可對CSS屬性重新排序了,代碼從此簡潔有序易維護,如果不款選代碼則外掛程式將排序檔案中所有的CSS屬性。當然,可以自己自訂CSS屬性定序,開啟外掛程式目錄裡的CSScomb.sublime-settings檔案,更改裡面的CSS屬性順序就行了。因為這個外掛程式使用PHP寫的,要使他工作需要在環境變數中添加PHP的路徑,具體請看github上的說明。
CompactExpandCss --- 屬性展開收縮 寫CSS的盆友,喜歡將其寫多行還是一行(個人喜歡將其格式化為多行)?如果閱讀別人的代碼不符合自己的習慣,可以用CSS Compact Expand這個外掛程式將CSS格式化一下,按 Ctrl+Alt+[ 收縮CSS代碼為一行顯示,按 Ctrl+Alt+] 展開CSS代碼為多行顯示;強迫症Coder必備!。
SublimeTmpl --- 快速組建檔案模板 一直都很奇怪為什麼sublime text 3沒有建立檔案模板的功能,像html頭部的DTD聲明每次都要複製粘貼。用SublimeTmpl這款外掛程式終於可以解脫了,SublimeTmpl能建立html、css、javascript、php、python、ruby六種類型的檔案模板,所有的檔案模板都在外掛程式目錄的templates檔案夾裡,可以自訂編輯檔案模板。
AutoFileName --- 自動補全路徑
SFTP --- 快速編輯遠程伺服器檔案 在Win下用Xftp 和 WinScp,被這種需要切換點擊or F5重新整理的手動操作蛋疼到無語;故此一遇見這SFTP,頓覺這世界都美好了許多。當然Sublime下面也有些其他同步外掛程式,比如FtpSnyc,但是配置起來的錯誤提示一點都不人性化,就毫不留情的捨棄了。Sublime下有SFTP,只要Ctrl+S即可同步本地到伺服器,妥妥的爽歪歪有麼有?如何配置,請參見在 Sublime Text中使用 SFTP 外掛程式快速編輯遠程伺服器檔案;如欲使用FtpSync可參見Sublime使用及FtpSync遠程同步;大道至簡,因簡而悅;開心壘碼,值得折騰。
Goto-CSS-Declaration --- 跳轉到css檔案該class的聲明處,方便修改查看,下所示,注意對應的css檔案要同時開啟才行。
JsFormat --- 格式化js代碼,懂者自懂;強迫症Coder必備!預設快速鍵Ctrl+Alt+F。
CSS Format --- CSS格式化
Tag --- HTML格式化
Clipboard Manager ---
ConvertToUTF8 ---
HTML5 Doctor CSS Reset snippet ---
HTML5 --- HTML5標籤拓展
IMESupport ---
Oceanic Next Color Scheme ---
Package Control ---
QuoteHTML --- 把HTML拼接成js插入字串,絕對神器,造福社會
PyV8 ---
YUI Compressor ---
Tomorrow Color Schemes ---
Sublime Text 3