您好,登錄后才能下訂單哦!
前端開發(fā)者需要的10個(gè)Sublime插件分別是什么,相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
然而,找到一個(gè)好的插件卻可能成為一項(xiàng)挑戰(zhàn),有的插件已經(jīng)被他們的開發(fā)者所放棄,另外一些可能會(huì)不兼容Sublime Text的最新版本Sublime Text 3(撰寫本文時(shí))。
如果你是一個(gè)前端開發(fā)人員,我們?cè)谶@篇文章已經(jīng)為你精心挑選了一些擴(kuò)展,并匯總在一起供你使用。共有10款
前端開發(fā)人員應(yīng)該嘗試的Sublime Text包。
1. AlignTab
AlignTab是調(diào)整你的代碼的插件。它有一個(gè)“預(yù)覽模式”,你可以在它實(shí)際應(yīng)用前,看到對(duì)齊是如何應(yīng)用的(在給定正則表達(dá)式符號(hào))。它也有“Table模式”,使你能夠?yàn)橥ㄟ^(guò)管道符:| 設(shè)置的Markdown表格來(lái)設(shè)置合適的對(duì)齊方式。AlignTab是一個(gè)方便的擴(kuò)展,它整理代碼對(duì)齊,讓它更容易閱讀。
2. ColorHighlighter
ColorHighlighter是一個(gè)顯示選中顏色代碼的視覺顏色的插件。如果您選擇“# fff“,它將向您展示白色。ColorHighlighter支持所有CSS顏色格式,如Hex,RGB,HSL,HSV,同時(shí)包括顏色關(guān)鍵詞,如“red”“green”,等等。它還為你顯示包含顏色值的LESS,Sass,和Stylus變量。它是一個(gè)幫助您更直觀處理顏色的插件。
3. MultiEditUtils
MultiEditUtils插件增強(qiáng)了SublimeText內(nèi)置的“multi-cursor”和“multi-selection”功能,在編輯冗長(zhǎng)的代碼行時(shí)為我們節(jié)省了時(shí)間。例如:您可以在選擇的行之間合并或交換,它還增強(qiáng)了SublimeText的“split selection”,允許您指定符號(hào)來(lái)分離選定的行。我認(rèn)為這是專業(yè)碼農(nóng)必須安裝的一個(gè)插件。
4. Git Gutter
如果你正在使用Git, Git Gutter是一個(gè)推薦安裝的Sublime Text插件。GitGutter將在gutter區(qū)域顯示一個(gè)標(biāo)記,標(biāo)記任何你在代碼中做的編輯,添加或刪除。這是一個(gè)有用的功能,可以即時(shí)看到你的代碼版本和你的Commit,branch或Head repository的比較。
5. Modific
Modific 在你使用Git或SVN時(shí)很有用。就像GitGutter,Modific將對(duì)你的代碼標(biāo)記改變。除了高亮變化,您還可以通過(guò)按Ctrl + Alt + D來(lái)查看或比較當(dāng)前的代碼與最近提交的代碼之間的區(qū)別。你還可以用Modific做其他事情,包括預(yù)覽當(dāng)前行的提交代碼和恢復(fù)代碼修改。
6. Inc Dec Value
Inc Dec Value 允許你同時(shí)增加或減少數(shù)字,即使他們?cè)诓煌男小3藬?shù)字之外,您還可以更改日期的值,和十六進(jìn)制顏色。使用這個(gè)插件,一般直接將光標(biāo)放在數(shù)字的右邊,然后按Alt +↑增加或Alt +↓減少。你也可以使用鼠標(biāo)滾輪。
7. FileBrowser
FileBrowser 提供了一種在你的項(xiàng)目目錄中瀏覽文件和文件夾的新方式。當(dāng)你安裝這個(gè)插件,你可以在新的側(cè)邊欄訪問(wèn)到您的項(xiàng)目目錄,并在你的手不離開鍵盤的情況下進(jìn)行導(dǎo)航(很像一個(gè)專業(yè)碼農(nóng))。當(dāng)你熟悉它后,這個(gè)插件可以逐步提高你的工作效率。
8. IconFont
IconFont為許多流行的圖標(biāo)字體提供了snippet(代碼片段),比如 FontAwesome,PaymentFontTypicons 和 Github Octicons。它的工作原理類似于常規(guī)的HTML代碼段,每個(gè)圖標(biāo)的縮寫將擴(kuò)展成完整的class和HTML代碼。
9. DistractionFreeWindow
雖然Sublime的內(nèi)置“Free Distraction”功能讓你專注錄入的代碼或內(nèi)容,當(dāng)你在這種模式下,迷你地圖,側(cè)邊欄,所有其他選項(xiàng)卡是隱藏的。Distraction-free并不意味著失去這些功能。DistractionFreeWindow 正是為了解決這類問(wèn)題而出現(xiàn)的,對(duì)于“無(wú)打擾模式”應(yīng)該如何工作,它為你提供了更靈活的選擇。
10. FilterLines
FilterLines 允許您使用給定的“關(guān)鍵字符串”或“正則表達(dá)式符號(hào)”在你的文檔內(nèi)搜索。這是一個(gè)處理大量JSON,JavaScript數(shù)組,CVS格式的原始數(shù)據(jù)的方便特性。
看完上述內(nèi)容,你們掌握前端開發(fā)者需要的10個(gè)Sublime插件分別是什么的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。