面向 Web 開發人員的 18 個最佳 Sublime 文本包

已發表: 2021-07-30

設計師/開發人員的代碼編輯器並不缺乏。 但是,總有一種軟件會脫穎而出,在代碼編輯器市場上,它是 Sublime Text——世界上使用最廣泛、用途最廣的代碼編輯器,幫助了數千萬程序員成為全面的開發人員和網站設計師。 Sublime Text 的神奇之處在於其靈活的功能,以及使用自定義包和插件擴展代碼編輯器的能力。

通過使用正確的包,人們可以創建他們的 Sublime Text 環境,以反映一個完全全面的構建、測試和啟動環境,這不僅提高了生產力,而且還提高了您正在構建的代碼/軟件的質量。 Sublime Text 為那些大量使用後端和前端編程語言的人提供了一個完全友好的開發環境。 前端開發人員對 Sublime 很著迷,你會發現他們的熱情對你的學習曲線是無價的。

使 Sublime Text 從市場上的任何其他代碼編輯器中脫穎而出的原因是它集成了一個包管理器,可用於添加自定義插件和自定義 Sublime Text 主題以個性化編碼體驗。 這導致了數千個獨特的 Sublime 插件的開發,這些插件為您的開發環境添加了最通用的功能。 一些插件已被下載超過一百萬次,這表明它們在使 Sublime Text 成為地球上最好的代碼編輯器方面取得了巨大成功。 我們將只展示版本 2 和版本 3 中最好的 Sublime Text 插件。我們確保包含盡可能多的多樣性,目的是讓前端和後端開發人員都使用這些插件。 在評論中分享你自己的!

包裹控制

包裹控制

包控制是使此列表中的其他所有內容都能正常工作的原因,因此您需要為 Sublime Text 安裝下載並激活它。 它是 Sublime 的核心小插件。 它讓你可以訪問一個簡單的模塊,讓你下載、安裝和激活各種 Sublime 插件,同時還支持一般的開發人員任務,並有助於有更多的時間專注於編碼。 迄今為止,已有超過 700 萬用戶安裝了 Package Control,這表明 Sublime 包管理器的巨大受歡迎程度,也證明了開源項目如何以這些用戶的捐贈為代價幫助數百萬用戶誰使用該平台,確實令人難以置信。

下載

物化 CSS 片段

物化

Materialise 是一個巨大的前端框架,用於使用材料設計標准進行現代和響應式設計開發。 Sublime 的 Materialized 插件將 CSS 組件直接帶到您的編輯器,以便您可以使用基本命令立即訪問它們。 這將為您節省大量的時間和精力,否則您將不得不手動查找語法,這對於像 Sublime 這樣的代碼編輯器來說是另一個很重要的因素——你使用的包越多,就越容易理解某些庫,甚至編程語言的工作原理,以及如何更好地理解特定語法的使用。

下載

標準格式

標準格式

格式化對於編碼人員來說始終很重要,不僅可以幫助自己創建更可靠的代碼庫,還可以幫助其他要接觸您的代碼的人更好地瀏覽您的代碼。 StandardFormat 插件將採用眾所周知的標準格式 JS 庫,然後針對您編寫的代碼執行它,將您的代碼轉換為傳統的 JS 標準格式代碼。 很快就開始使用,結果令人震驚。

下載

終端

終端

歸根結底是生產力。 Sublime Text 插件都是為了節省您的時間。 為您提供工具和功能,使您的開發環境更流暢、更靈活,當然也可用。 終端是您認為不需要的庫之一,直到您開始使用它。 包/插件的作用是創建快捷方式和菜單項,可用於在您當前正在編輯的文件位置打開終端,或者您可以快速跳轉到項目所在的根文件夾,也可以在當然是終端。 這是一個簡單的軟件包,具有簡單的功能,但不知何故,它已經讓超過 220,000 人的生活變得更輕鬆。 你是其中之一嗎?

下載

Laravel 刀片熒光筆

Laravel 刀片熒光筆

您過去可能是一名 PHP 開發人員,但是您對該語言感到厭煩並決定嘗試一些新的東西……好吧,在您認為自己已經完全使用 PHP 之前,也許您應該嘗試一下 Laravel,這是一個了不起的開放式 -源 PHP 框架已經改變了 PHP 和一般 PHP 開發的格局。 毫無疑問,這十年來最熱門的框架之一,都是由一個開發人員向社區展示的,這個開發人員有創造獨特事物的願景,而且這個願景很快就實現了,不用說。 Laravel 使用了所謂的 Blade Engine,這是一種支持在框架之上開發新軟件的特定語法,坦率地說.. 很難想像沒有這個插件的幫助在 Sublime 上編寫 Laravel 代碼,120,000 人會同意我的看法那。

下載

普通任務

任務

他們說真正成功的人使用列表來管理他們的生活和他們想要實現的目標。 在某些方面,這種說法是正確的,列表確實幫助我們管理我們的目標和項目,它讓我們簡要了解我們在任何特定問題上的立場。 這就是列表的好處,因為它有我們正在嘗試做的事情的時間表。 PlainTasks 允許您直接在 Sublime 編輯器中創建待辦事項列表。 您可以快速評估並為您的項目創建路線圖,讓您自己了解您正在嘗試構建的內容,並且因為它是在 Sublime 中完成的,您可以隨時 Tab 到它以閱讀仍然需要的內容完成,或跨越已經完成的東西。

下載

查詢

查詢

我們在 Colorlib,我們喜歡 jQuery。 我們對 jQuery 充滿熱情,我們過去基於該主題的出版物應該足以證明這一點:請參閱此處、此處和此處。 我們非常高興和高興地為 Sublime Text 用戶推廣 jQuery 插件,該插件有超過 500,000 名開發人員正在積極享受和使用。 jQuery 是一種網絡語言,它使網絡更具交互性,對用戶更友好。

Sublime 的 jQuery 插件將直觀地了解您正在嘗試編程的內容,並在您編寫新的 jQuery 代碼時為您提供提示、線索、技巧和自動完成功能。 反過來,由於能夠編寫代碼而無需每五分鐘回看一次文檔,您的生產力水平將大幅提升。 這尤其適用於需要大量編碼和管理的項目。 讓插件為您完成所有繁重的工作是無價的,在使用該插件的短短幾個小時內,您就會明白——這些插件可以挽救生命(生產力)!

下載

薩斯

薩斯

SASS是你需要學習的預處理器! 如果你想從新的角度體驗 CSS 編程,學習一個預處理器會很有幫助,它可以輕鬆地將腳本語言轉換為實際的函數式編程語言,你不需要每十秒重複使用相同的語法和模式。 SASS 只是讓使用 CSS 進行“編程”變得非常容易,並將 CSS 視為一種功能性替代方案。 無論如何,SASS 插件已經有近 480,000 次下載。 這個令人難以置信的多功能插件將為您的 Sublime 工作流程添加 SASS 功能,讓您可以更有效、更精確地使用 Sass。

下載

顏色選擇器

顏色選擇器

忘記每隔幾分鐘就返回網絡來查找您需要的顏色。 所有這些艱苦的工作都應該直接在您的編輯器中進行,或者如前端開發人員所說:在您的瀏覽器中。 ColorPicker 將為您的 Sublime Text 編輯器提供功能提升,這將為您提供一種簡單的方法來為您在特定時刻嘗試設計的任何樣式選擇正確的顏色。 ColorPicker 適用於所有平台,並且比學習如何在 Haskell 中說 Hello World 更容易使用!

下載

較少的

較少的

LESS 是另一個預處理器,它背後有一個堅實的追隨者社區。 手頭的插件將為使用 LESS 構建的任何項目文件執行自動完成和語法突出顯示。 該插件擁有超過 370,000 次的活躍安裝,在已發布的頂級 Sublime Text 插件中名列前茅。

下載

Js格式

Js格式

JS Beautifier 讓你的 JavaScript 代碼再次美麗! 這只是開發人員圈子的工作方式。 代碼需要優化,優化好。 JsFormat 是一個 Sublime 插件,它使用 JS Beautifer 庫格式化你的 JavaScript 代碼。

下載

支架 熒光筆

括號熒光筆 sublime 文本插件
因此名稱,Bracket Highlighter 是一個 Sublime 文本工具,可幫助突出顯示括號和標籤。 儘管它已經存在多年,但作者完全重寫了代碼,使 Bracket Highlighter 更加靈活和實用,讓您輕鬆獲得最大收益。 不用說,有多種特性和功能可以幫助您。 它適用於多選,具有強大的自定義功能,支持自定義裝訂線圖標和岩石切換支架逃逸模式。 您還可以獲得完整的安裝指南,歡迎通讀文檔的其餘部分以了解其要點。

下載

蟒蛇

anaconda sublime 文本插件
如果您想將 Sublime Text 3 變成功能齊全的 Python 開發 IDE,Anaconda 是一個很好的解決方案,它開箱即用。 當然,它帶有各種實用的選項和功能,您可以從中受益。 換句話說,您可以根據自己的喜好和規定精確地微調和更改 Anaconda。 儘管您可以按原樣使用該工具,但強烈建議您熟悉這些配置,因為性能會更順暢地符合您的最佳利益。 如果您是願意為 Anaconda 做出貢獻的開發人員,您也可以這樣做。

下載

文件圖標

一個文件圖標 sublime 文本插件
如果你想提升你的 Sublime Text 體驗,讓它更吸引眼球,一個文件圖標可以解決問題。 它是一個擴展,可以將文件特定的圖標添加到 Sublime Text,以便更輕鬆地查找數據。 雖然您可以完全按照預定義的方式使用可用圖標,但您也可以修改和編輯它們。 您可以更改圖標的顏色、大小和不透明度級別,因此結果完全符合您的風格。 您可以在在線文檔中找到所有詳細信息、安裝、故障排除和其他信息,確保初學者和專家都能輕鬆使用。

下載

所有自動完成

所有自動完成

如果每個開發人員都同意有一個功能對於像 Sublime 這樣的代碼編輯器來說是無價的,那麼它就會自動完成。 使用自動完成功能,我們可以輕鬆更改函數名稱或添加新語法,而不必擔心我們將不得不一遍又一遍地重複相同的操作,不……自動完成會處理所有這些! 當使用直觀的界面自動完成代碼時,這個用於 Sublime Text 編輯器的 All Autocomplete 插件將震撼你的世界。 此插件擴展了您的默認自動完成功能,以在所有打開的項目文件中搜索匹配的語法。

下載

HTML-CSS-JS 美化

美化

美化你的代碼很重要! 它有助於調整代碼以供其他任何想要探索和構建您的想法的人將來使用。 這個漂亮的工具特別適用於 HTML5、CSS3、JavaScript 和 JSON 代碼格式。 一切都通過 Node.js 處理!

下載

文字出版社

WordPress的

當然,我們怎麼能忘記 WordPress 開發人員呢? 對於那些積極使用 WordPress 的人來說,有一個實際的包。 Sublime Text 以這樣一種方式運行,您可以根據需要安裝任意數量的插件。 你需要記住這一點。 只有當您開始使用支持插件用途的代碼時,它們才會開始起作用。 在這裡,我們還有 WordPress 插件。 這是一個模塊,將幫助您為您正在工作的 WordPress 相關項目編寫 WordPress 相關語法。 將您的 WP 開發加速到一個全新的水平!

下載

Java Script Next – ES6 語法

ES6 語法

ECMAScript 2016 發布了,每個人都對它贊不絕口! 瀏覽器已經在致力於集成 ES7。 與此同時,讓我們喘口氣,專注於這裡可以直接使用的內容。 如果您仍然發現自己在學習 ES6 語法方面苦苦掙扎,那麼您需要獲取一份 JavaScriptNext。 開發人員專門製作了 Sublime 插件來自動完成並幫助您進行 ES6 語法高亮顯示。

下載

通天塔

通天塔

但是,您可能是 Babel 的粉絲,它也支持 ES6 語法。 在這種情況下,您只需要獲取 Babel 插件的副本並以這種方式進行 ES6 編程。 快樂編碼,無論你決定做什麼!

下載

適用於嚴肅開發人員的最佳代碼編輯器

Sublime 的成功不是基於營銷。 開發人員在 Sublime 毫不費力地提供的設計和功能托盤中發現了純粹的吸引力。 可通過插件和自定義主題進行擴展,您可以有效地自定義 Sublime 以滿足任何類型的開發人員的需求。 您還可以將其現代框架及其語法合併到您的 Sublime 工作流程中。 您無需再次檢查文檔。 此外,沒有人能比得上 Sublime 的生產功能,反正谁愿意競爭? 數百萬人將他們的工作獻給了 Sublime。 學習一個新的代碼編輯器需要很多時間,而且很可能是一次失敗的冒險。