適合web前端開發(fā)的SublimeText包有哪些

這篇文章主要介紹“適合web前端開發(fā)的Sublime Text包有哪些”，在日常操作中，相信很多人在適合web前端開發(fā)的Sublime Text包有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”適合web前端開發(fā)的Sublime Text包有哪些”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

梨林網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),梨林網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為梨林近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的梨林做網(wǎng)站的公司定做！

1. AlignTab

AlignTab 是用來對(duì)齊代碼的插件。它有一個(gè)“預(yù)覽模式”，使你可以在實(shí)際應(yīng)用對(duì)齊之前預(yù)覽對(duì)齊的效果(使用 RegEx  注解)。它還有一個(gè)“表格模式”，可讓你 為 Markdown 格式的表格設(shè)置適當(dāng)?shù)膶?duì)齊，用|符號(hào)為表格調(diào)整好結(jié)構(gòu)。AlignTab  是一個(gè)方便的擴(kuò)展，可以幫助你整理代碼對(duì)齊，并使代碼更容易閱讀。

https://github.com/randy3k/AlignTab](https://github.com/randy3k/AlignTab

2. ColorHighlight

ColorHighlight 是一個(gè)插件，可  顯示選定的顏色代碼及其視覺顏色。如果你選擇了“#fff”，它將顯示白色。ColorHighlighter 支持所有 CSS 顏色格式，如 Hex、RGB、HSL  和 HSV 等，并包括“red”“green”等顏色關(guān)鍵字。它還向你顯示包含顏色值的 LESS、Sass 和 Stylus  變量。這個(gè)插件可以幫助你更直觀地處理顏色。

https://github.com/Kronuz/ColorHighlight

3. MultiEditUtils

MultiEditUtils 插件改進(jìn)了 Sublime Text  內(nèi)置的“多光標(biāo)”和“多選”功能，從而節(jié)約了編輯冗長(zhǎng)代碼行所需的時(shí)間。比如說你可以在選定的行之間合并或交換，它還允許你指定用于拆分選定行的符號(hào)，這是對(duì)  Sublime Text 的“拆分選擇”做出的改進(jìn)。我認(rèn)為這是高手必備的插件。

https://github.com/philippotto/Sublime-MultiEditUtils

4. Git Gutter

如果你正在使用 Git，建議你安裝 Git Gutter 這個(gè) Sublime Text 插件。針對(duì)  你在代碼中所做的任何編輯、添加或刪除，GitGutter 都會(huì)在 gutter area 中 顯示一個(gè)標(biāo)志。這樣你就可以立即對(duì)比你的代碼版本與你的提交、分支或  HEAD 存儲(chǔ)庫上的版本。

https://github.com/jisaacks/GitGutter/

5. Modific

當(dāng)你在工作中使用 Git 或 SVN 時(shí)，Modific 這個(gè)插件會(huì)很有用。就像 Git Gutter 一樣，Modific  會(huì)標(biāo)記你在代碼中的更改。除了高亮顯示更改之外，你還可以按 Ctrl+Alt+D 來查看或?qū)Ρ犬?dāng)前代碼與最后一次提交之間的差異。Modific  可以執(zhí)行的其他操作包括 預(yù)覽當(dāng)前行的已提交代碼 以及 還原代碼修改。

https://github.com/gornostal/Modific

6. Inc Dec Value

IncDec Value  允許你同時(shí)增大或減小多個(gè)數(shù)字，即使它們位于不同的行上也可以操作。除了數(shù)字，你還可以更改日期和十六進(jìn)制顏色的值。使用這個(gè)插件時(shí)，請(qǐng)將光標(biāo)指向數(shù)字右側(cè)，然后按  Alt+↑增大數(shù)字或按 Alt+↓減小數(shù)字。你也可以使用鼠標(biāo)滾輪來操作。

https://github.com/rmaksim/Sublime-Text-2-Inc-Dec-Value

7. FileBrowser

FileBrowser 提供了一種在項(xiàng)目目錄中瀏覽文件和文件夾  的新方法。安裝這個(gè)插件后，你可以在新的側(cè)邊欄中訪問項(xiàng)目目錄，并可以完全使用按鍵在其中導(dǎo)航，雙手無需離開鍵盤。等你習(xí)慣了這個(gè)插件后，它就可以逐漸改善你的工作流程。

https://github.com/aziz/SublimeFileBrowser

8. IconFont

IconFont 為許多流行的圖標(biāo)字體提供了代碼段，例如 FontAwesome、PaymentFont，Typicons 和  GithubOcticons 等。它的工作方式與常規(guī)的 HTML 代碼段相似，每個(gè)圖標(biāo)的 縮寫將擴(kuò)展為完整的類和 HTML 代碼。

https://github.com/idleberg/Icon-Fonts-Sublime-Text

9. DistractionFreeWindow

雖然 Sublime Text 內(nèi)置的“無干擾(Free  Distraction)”功能使你可以專注地編寫代碼或內(nèi)容，但是在這個(gè)模式下，小地圖、側(cè)邊欄和其他所有選項(xiàng)卡都會(huì)被隱藏起來。無干擾的體驗(yàn)并不意味著就得失去對(duì)這些功能的訪問入口。這里就用得上  DistractionFreeWindow 這個(gè)插件了，它為你的無干擾模式提供了更多靈活選項(xiàng)：

https://github.com/aziz/DistractionFreeWindow

10. FilterLines

FilterLines 允許你在文檔的各行中搜索給定的“關(guān)鍵字字符串”或“RegEx 注解”。這在 處理  JSON、JavaScript 數(shù)組和 CVS 格式的大量原始數(shù)據(jù)時(shí)是很方便的功能。

https://github.com/davidpeckham/sublime-filterlines

到此，關(guān)于“適合web前端開發(fā)的Sublime Text包有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

當(dāng)前題目：適合web前端開發(fā)的SublimeText包有哪些
標(biāo)題URL：http://muchs.cn/article20/johdjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、靜態(tài)網(wǎng)站、網(wǎng)站收錄、建站公司、自適應(yīng)網(wǎng)站、

廣告

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