前端開發(fā)者需要的10個Sublime插件分別是什么

前端開發(fā)者需要的10個Sublime插件分別是什么，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)公司長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為鼎城企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作，鼎城網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

然而，找到一個好的插件卻可能成為一項挑戰(zhàn)，有的插件已經(jīng)被他們的開發(fā)者所放棄，另外一些可能會不兼容Sublime Text的最新版本Sublime Text  3(撰寫本文時)。

如果你是一個前端開發(fā)人員,我們在這篇文章已經(jīng)為你精心挑選了一些擴(kuò)展,并匯總在一起供你使用。共有10款

前端開發(fā)人員應(yīng)該嘗試的Sublime Text包。

1. AlignTab

AlignTab是調(diào)整你的代碼的插件。它有一個“預(yù)覽模式”，你可以在它實際應(yīng)用前，看到對齊是如何應(yīng)用的(在給定正則表達(dá)式符號)。它也有“Table模式”，使你能夠為通過管道符：|  設(shè)置的Markdown表格來設(shè)置合適的對齊方式。AlignTab是一個方便的擴(kuò)展，它整理代碼對齊,讓它更容易閱讀。

2. ColorHighlighter

ColorHighlighter是一個顯示選中顏色代碼的視覺顏色的插件。如果您選擇“#  fff“，它將向您展示白色。ColorHighlighter支持所有CSS顏色格式，如Hex,RGB,HSL,HSV,同時包括顏色關(guān)鍵詞,如“red”“green”,等等。它還為你顯示包含顏色值的LESS,Sass,和Stylus變量。它是一個幫助您更直觀處理顏色的插件。

3. MultiEditUtils

MultiEditUtils插件增強(qiáng)了SublimeText內(nèi)置的“multi-cursor”和“multi-selection”功能,在編輯冗長的代碼行時為我們節(jié)省了時間。例如:您可以在選擇的行之間合并或交換,它還增強(qiáng)了SublimeText的“split  selection”，允許您指定符號來分離選定的行。我認(rèn)為這是專業(yè)碼農(nóng)必須安裝的一個插件。

4. Git Gutter

如果你正在使用Git, Git Gutter是一個推薦安裝的Sublime  Text插件。GitGutter將在gutter區(qū)域顯示一個標(biāo)記,標(biāo)記任何你在代碼中做的編輯,添加或刪除。這是一個有用的功能，可以即時看到你的代碼版本和你的Commit，branch或Head  repository的比較。

5. Modific

Modific 在你使用Git或SVN時很有用。就像GitGutter,Modific將對你的代碼標(biāo)記改變。除了高亮變化,您還可以通過按Ctrl +  Alt + D來查看或比較當(dāng)前的代碼與最近提交的代碼之間的區(qū)別。你還可以用Modific做其他事情，包括預(yù)覽當(dāng)前行的提交代碼和恢復(fù)代碼修改。

6. Inc Dec Value

Inc Dec Value  允許你同時增加或減少數(shù)字,即使他們在不同的行。除了數(shù)字之外,您還可以更改日期的值,和十六進(jìn)制顏色。使用這個插件，一般直接將光標(biāo)放在數(shù)字的右邊,然后按Alt  +↑增加或Alt +↓減少。你也可以使用鼠標(biāo)滾輪。

7. FileBrowser

FileBrowser  提供了一種在你的項目目錄中瀏覽文件和文件夾的新方式。當(dāng)你安裝這個插件，你可以在新的側(cè)邊欄訪問到您的項目目錄,并在你的手不離開鍵盤的情況下進(jìn)行導(dǎo)航(很像一個專業(yè)碼農(nóng))。當(dāng)你熟悉它后,這個插件可以逐步提高你的工作效率。

8. IconFont

IconFont為許多流行的圖標(biāo)字體提供了snippet(代碼片段),比如 FontAwesome,PaymentFontTypicons 和  Github Octicons。它的工作原理類似于常規(guī)的HTML代碼段,每個圖標(biāo)的縮寫將擴(kuò)展成完整的class和HTML代碼。

9. DistractionFreeWindow

雖然Sublime的內(nèi)置“Free  Distraction”功能讓你專注錄入的代碼或內(nèi)容,當(dāng)你在這種模式下,迷你地圖,側(cè)邊欄,所有其他選項卡是隱藏的。Distraction-free并不意味著失去這些功能。DistractionFreeWindow  正是為了解決這類問題而出現(xiàn)的，對于“無打擾模式”應(yīng)該如何工作，它為你提供了更靈活的選擇。

10. FilterLines

FilterLines  允許您使用給定的“關(guān)鍵字符串”或“正則表達(dá)式符號”在你的文檔內(nèi)搜索。這是一個處理大量JSON，JavaScript數(shù)組,CVS格式的原始數(shù)據(jù)的方便特性。

看完上述內(nèi)容，你們掌握前端開發(fā)者需要的10個Sublime插件分別是什么的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁題目：前端開發(fā)者需要的10個Sublime插件分別是什么
當(dāng)前鏈接：http://m.kartarina.com/article26/jedgjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、搜索引擎優(yōu)化、云服務(wù)器、虛擬主機(jī)、外貿(mào)建站、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)