與2相比,崇高文字3秒內啟動壹個物品,並取得壓倒性勝利。因此,在下面的敘述中,崇高文本3是主角。而3也壹直在不斷的完善和更新,具體的差異可以在Sublime Blog中找到。簡單來說:
ST3支持在項目目錄中查找變量。
為選項卡提供更好的支持(更多命令和快捷鍵)
加速程序的運行。
更新了API以使用Python3.3。
強烈建議朋友們用3!唯快不破不解釋。
高雅的使用崇高的文字,插件不可或缺;插件的備份很重要(比如所有平臺的同步;更換系統/電腦,快速使用已安裝的插件)。也很簡單,放包就行了(preferences >;瀏覽包),同步雲端即可;至於存放在哪裏,雲盤和Github都是不可或缺的;比如之前有壹個副本存儲在sublime_Packages裏面,所以如果有必要的話,只要把原來包下面的內容拆下來替換就可以了。
Sublime Text 3安裝插件Sublime Text功能強大,因為它具有很強的類擴展性。可以根據自己的需求安裝不同的插件;這讓她同時變得無比強大和輕盈。
插件安裝方式1:直接安裝:
安裝Sublime text 3插件很方便。妳可以直接下載安裝包並解壓到包目錄下(菜單->;首選項-& gt;包裝).
插件安裝方法2:使用包控制組件安裝:
按Ctrl+`調出控制臺(註意:這個快捷鍵跟QQ輸入法會沖突,輸入法屬性設置-輸入法管理-取消熱鍵切換到QQ拼音),把下面的代碼粘貼到最下面的命令行,回車:
導入urllib.request,OS;pf = ' Package control . sublime-Package ';IPP = sublime . installed _ packages _ path();URL lib . request . install _ opener(URL lib . request . build _ opener(URL lib . request . proxy handler()));open(os.path.join(ipp,pf),' wb ')。write(URL lib . request . urlopen(' mand ":" copy _ path " },
//鉻合金
{ "keys": ["f2"]," command ":" side _ bar _ files _ open _ with ",
" args": {
"路徑":[],
"應用":" C:\ \ Users \ \ jeffj \ \ AppData \ \ Local \ \ Google \ \ Chrome \ \ Application \ \ Chrome . exe ",
“擴展”:*"
}
}
]
這裏按Ctrl+Shift+C復制文件路徑,按F2在Chrome瀏覽器中預覽效果(如果需要,也可以為Firefox、Safari、IE、Opera等添加。根據自己的需求)。當然也可以定義自己喜歡的快捷鍵。最後,根據您計算機中的文件路徑,註意代碼中的瀏覽器路徑。
美化
壹個集成了html、css、js的格式化(美化)的插件,即使HTML、JS是用PHP文件寫的。插件依賴於nodejs,需要提前安裝nodejs才能正常運行。插件安裝完成後,快捷鍵ctrl+shift+H完成當前文件的美化操作。插件對html和css文件的美化不是很滿意,但是還可以。稍後,我們將解釋如何修改css美化腳本。我用起來超級爽,因為篇幅原因就不贅述了。請參考這個介紹。
CSScomb CSS屬性排序:
有時候看自己的CSS文件,是不是覺得屬性很亂,不好找,不好維護?CSScomb可以按照壹定的CSS屬性排序規則對混亂的CSS屬性進行重新排序。選擇要排序的CSS代碼,按Ctrl+Shift+C對CSS屬性重新排序。代碼將是簡單、有序和易於維護的。如果沒有選擇代碼,插件將對文件中的所有CSS屬性進行排序。當然,妳可以自己自定義CSS屬性排序規則,打開插件目錄下的CSScomb.sublime-settings文件,改變裏面的CSS屬性順序。因為這個插件是用PHP編寫的,所以您需要將PHP路徑添加到環境變量中才能使它工作。詳情請看github上的說明。
SublimeTmpl快速生成文件模板。
我壹直很好奇為什麽sublime text 3沒有新建文件模板的功能,比如每次都要復制粘貼的html頭中的DTD聲明。SublimeTmpl終於可以用這個插件發布了。SublimeTmpl可以創建六種類型的文件模板:html、css、javascript、php、python和ruby。所有文件模板都在插件目錄的templates文件夾中,您可以定制和編輯文件模板。
SublimeTmpl默認快捷鍵:
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
快捷鍵為
ctrl+alt+shift+p python
如果想創建其他類型的文件模板,先在templates文件夾中自定義文件模板,然後打開default (Windows)、sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個文件,根據裏面的格式自定義想要創建的類型,這裏詳細介紹。請自己做。
JavaScript-API-完成:
支持Javascript、JQuery、Twitter Bootstrap框架和HTML5標簽屬性提示的插件是為數不多的支持sublime text 3後綴提示的插件。HTML5標簽提示sublime text3自帶,但是JQuery提示還是很有用的,還可以設置語言進行提示。
崇高-jq-插件
SFTP:快速編輯遠程服務器文件
在Win中使用Xftp和WinScp,對於這種需要切換點擊或者F5刷新的手動操作,我很無語。所以,當我遇到這個SFTP的時候,我突然覺得這個世界好了很多。當然Sublime下還有壹些其他的同步插件,比如FtpSnyc,但是配置的錯誤提示壹點都不人性化,所以被無情的拋棄了。Sublime下有SFTP,只要Ctrl+S就能把本地同步到服務器。是不是妥妥的,很酷?如何配置,請參考使用SFTP插件在Sublime Text中快速編輯遠程服務器文件;如果要使用FtpSync,請參考Sublime用法和FtpSync遠程同步;大道至簡,因簡單而歡樂;開心基碼,值得折騰。
WakaTime -記錄妳的代碼時間;
WakaTime可以精確統計妳花在壹個項目上的時間;WakaTime針對不同的IDE有不同的插件,當插件安裝在Sublime上時,我可以統計我所有使用Sublime的項目的行為。能高效管理和了解自己的代碼時間;而且統計完美,適合發朋友圈裝逼(如果妳願意)~
Waka的基本設計類似於rescuetime。每個人註冊後都會得到壹個密鑰,安裝壹個客戶端,輸入密鑰(登錄也是壹樣的道理),然後它會把所有本地有密鑰的行為丟給服務器進行統計,過壹會給妳壹個報告。但是Waka真的很精確,精確到每個文件用了多少秒,每種語言用了多少時間。
安裝和使用都很簡單,請看這裏。另壹篇更詳細的文章,時間都去哪了?用RescueTime和WakaTime記錄妳的時間,對RescueTime和WakaTime有更詳細的描述,可以閱讀。
DocBlockr:代碼塊註釋
您可以快速註釋該函數。保持代碼規範。支持多種語言,包括JavaScript(含ES6)、PHP、ActionScript、Haxe、Coffee Script、Typescript、Java、Apex、Groovy、Objective C、c++和Rust。
/*:輸入以創建代碼塊註釋。
/* *:在自動搜索函數中輸入形參,以此類推。
它生成JSDoc格式的註釋。如果妳從來沒有用過類似的工具,DocBlockr會讓妳感受到以前沒有它怎麽寫代碼。通過解析函數、參數、變量,自動添加基本項,幫助您創建您的代碼註釋;如果妳想讓它更方便,不妨結合AutoHotKey和高效註釋來打開它。
Sublime-text-git: Git版本控制
可視化操作:幫助您與您的Git repo協議進行交互。它支持許多命令,如init、push、pull、branch、stash等等。當然,妳需要提前安裝Git,配置響應;對於這個插件,請看壹下這篇在Sublime Text中使用Git來改進工作流的文章。我相信她的公司不會讓妳失望。
AdvancedNewFile:快速創建文件。
當我們在Sublime文本編輯器中時,可以使用快捷鍵command+n(win: ctrl+n)新建壹個文件,然後command+s(Win:ctrl+s)會彈出保存框,填寫文件名進行保存。老毛病,麻煩!!接下來,我們將安裝advancedNewFile插件,以提高在Sublime文本編輯器下創建文件的速度。
對於它的使用,安裝後使用快捷鍵command+alt+n(win: ctrl+alt+n)。
崇高文本底部會彈出壹個輸入框;我們只需要在這個輸入框中輸入需要創建的文件名(我們甚至可以帶上路徑,比如src/components/perfect . vue;這將在當前項目目錄中創建文件;需要註意的是,這個路徑前面不能有'/',這樣會使創建的路徑成為用戶目錄而不是項目目錄)。默認情況下,文件將存儲在當前目錄中。如果沒有當前目錄,它將存儲在用戶的主目錄中。
還有壹些其他插件可以按需安裝,例如:
ConvertToUTF8?支持gbk,big5,euc-kr,euc-jp,shift _ jis等的插件。
Bracketthighlighter用於匹配括號、引號和html標記。對於很長的代碼很有用。安裝後,不需要設置的插件會自動生效。
DocBlockr可以自動生成PHPDoc風格的註釋。它支持的語言有JavaScript,PHP,ActionScript,Coffee Script,Java,Objective C,C,C++。
& ltfont color = " purple " & gtEmmet(禪編碼)& lt/font & gt;快速生成HTML代碼片段的插件功能無與倫比:它可以非常快速地編寫HTML/CSS/JS。當然,這個插件也支持多種編譯環境,比如Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等。,這是web開發必備的!!!。
JsFormat格式化js代碼,懂的人懂;強迫癥編碼者必備!默認快捷鍵ctrl+alt+f。
PhpFormat格式化php代碼,懂的人懂;強迫癥編碼者必備!
CSS Compact Expand CSS屬性伸縮:寫CSS的筆友喜歡多行寫還是單行寫(個人喜歡多行格式化)?如果看別人的代碼不符合自己的習慣,可以用插件CSS Compact Expand格式化CSS,按Ctrl+Alt+[收縮CSS代碼壹行,按Ctrl+Alt+]展開CSS代碼多行;強迫癥編碼者必備!。
Autoprefixer插件:這是壹個CSS3私有前綴自動補全插件;插件使用CanIUse數據庫(當然,SublimeText自然有
YUI壓縮器:壓縮JS和CSS文件。按下F7後,如果當前文件(demo.js)被壓縮,壓縮文件(demo.min.js)會保存在這個文件的同壹個目錄下,需要安裝java JDK。如何使用:YUI壓縮機
可點擊的網址:可點擊的網址
ClickableURLs可用於使文件中的URL可點擊。
Vue語法突出顯示:Vue(*。vue)高亮插件;就前端而言,使用Vue框架開發是壹個很酷的存在,所以需要有這個插件;同時Jade,SASS等插件也是必須的,誰用誰知道(說到使用vue,這個vue-cli還是挺有必要用的(Webpack,Eslint,Test等。都配置的很好,很貼心);對於稍微大壹點的項目Eslint來說,編寫Js代碼是非常必要的,而sublime還沒有很好地格式化*的插件。使用Eslint的vue文件,等待它的誕生?)。
終極王者:編寫自己專用的Sublime Text插件。雖然移動端、Web前端、服務器端、非編碼器寫入器等各方面所需的便利性已經集成到不同的插件中。但是,比如妳需要在PC端快速打開壹個仿真器,方便地進行壹些驗證。只要妳能想到的,基本都可以放到插件裏,用快捷鍵處理。至於如何編寫SublimeText插件,請看這裏編寫自己的Sublime Text2插件。
自定義您自己的快捷鍵
首先,妳應該能使用SublimeText內置的快捷鍵:
比如Commond Shift P打開命令面板:比如打開包控制安裝各種插件;可以輸入Set(Snytax)改變語言環境,即時切換等等。
設置快捷鍵。在SublimeText中,打開首選項-& gt;鍵綁定-用戶,我設置的快捷鍵:
[
{ "keys": ["ctrl+f9"]," command": "build" },
{ "keys": ["f10"]," command": "build "," args": {"variant": "Run"} },
{ "keys": ["ctrl+shift+x"]," command": "toggle_comment "," args": { "block": true } },
]