Sublime Text 3

來源:互聯網
上載者:User

標籤:

 打造便攜版的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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.