Frontend Developers için 10 Sublime Metin Paketi
Sublime Text, bazı şaşırtıcı özelliklere sahip en güçlü kod editörlerinden biridir ve yükleyerek daha da güçlü olabilir eklentiler veya Paketler. Bu eklentiler Sublime Text'e ekstra işlevler ekler. Ve bugün kodlama ihtiyaçlarınızın neredeyse tümünü yerine getirecek birçok eklenti var..
Yine de iyi bir uzantı bulmak gerçekten zor olabilir; bazı uzantılar geliştiricileri tarafından tamamen terk edilmiştir, diğerleri ise artık en son sürüm olan Sublime Text 3 ile uyumlu olmayabilir (bu yazı sırasında)..
Eğer bir ön uç geliştirici iseniz, bazı uzantıları seçtik ve bunları sizin için bir araya getirdik. Bunlar Ön uç geliştiricilerin 10 Sublime Metin Paketi denemeli.
Hongkiat.com hakkında daha fazlası:
- SublimeText'ten daha fazlasını elde etmek için 18 temel eklenti
- [Nasıl Yapılır] Sublime Metinde Kod Parçacıklarıyla Çalışma
- [Nasıl Yapılır] Sublime Metinli tarayıcıdaki değişiklikleri yenile
- [Nasıl Yapılır] Sublime Metinde Kod Hatasını Belirleme
- Kaliteli Metinde Kolay Renk Toplama
1. AlignTab
AlignTab, kodlarınızı hizalamak için bir eklentidir. Bir vardır “Önizleme modu” Bu, gerçekte uygulanmadan önce hizalamanın nasıl uygulanacağını (RegEx gösterimi verilen) görmenizi sağlar. Aynı zamanda “Masa modu” sana izin verecek Markdown formatında tablolar için uygun hizalama ayarlayın, boru hatları ile yapılandırılmış: |
. AlignTab, kod hizalamanızı düzenlemek ve okumayı kolaylaştırmak için kullanışlı bir eklentidir.
2. ColorHighlighter
ColorHighlighter bir eklentidir seçilen renk kodlarını görsel renkleriyle gösterir. Seçerseniz “#fff” sana rengi gösterecek, beyaz. ColorHighlighter, Hex, RGB, HSL, HSV gibi tüm CSS renk formatlarını destekler ve “kırmızı”, “yeşil”, Size ayrıca bir renk değeri içeren LESS, Sass ve Stylus değişkenlerini gösterir. Renklerle çalışırken daha sezgisel olmanıza yardımcı olacak bir eklenti parçası.
3. MultiEditUtils
MultiEditUtils eklentisi SublimeText'in yerleşikini geliştirir “Çok imleç” ve “Çoklu seçim” özelliği, bize zaman kazandırıyor uzun kod satırlarını düzenleme. Örneğin: seçili satırlar arasında birleştirme veya takas yapabilirsiniz, SublimeText'i de geliştirir “bölünmüş seçim” seçili çizgileri bölmek için gösterimi belirtmenize izin vererek. Pro kodlayıcılar için yüklemek için bir eklenti olması gerektiğini düşünüyorum.
4. Git Oluk
Git ile çalışıyorsanız, Git Gutter kurulumu önerilen bir Sublime Text eklentisidir. GitGutter bayrak gösterecek herhangi bir oluk alanında kodunuzda yaptığınız düzenlemeler, eklemeler veya kaldırma. Kod baskınızla yaptığınız taahhüt, şube veya HEAD veri havuzu arasındaki karşılaştırmayı anında görmek yararlı bir koddur..
5. Modifik
Modific, işinizde Git veya SVN kullanırken kullanışlıdır. GitGutter gibi, Modific de kodlarınızdaki bir değişikliği işaretler. Değişiklikleri vurgulamanın yanı sıra, Ctrl + Alt + D tuşlarına basarak geçerli kod ile son işlem arasındaki farkı da görüntüleyebilir veya karşılaştırabilirsiniz. Modific ile yapabileceğiniz diğer şeyler geçerli satır için taahhüt edilen kodun önizlemesini görüntüleyin Hem de geri dönen kod değişiklikleri.
6. Aralık Değeri
Inc Aralık Değeri size sağlar farklı hatlarda olsalar bile, numaraları aynı anda arttırın veya azaltın. Sayıların yanı sıra, tarihlerin ve HEX renklerinin değerini de değiştirebilirsiniz. Genel olarak bu eklentiyi kullanmak için imleci sayının hemen sağına getirin, sonra Alt tuşuna basın. + ↑ numarayı artırmak + ↓ sayıyı azaltmak için Fare tekerleğinizi de kullanabilirsiniz.
7. FileBrowser
FileBrowser için yeni bir yol sunar proje dizininizdeki dosya ve klasörler arasında gezinin. Bu eklentiyi kurduğunuzda, proje dizininize yeni bir kenar çubuğundan erişebilir ve ellerinizi klavyenizden (kodlayıcıdan başka bir kodlayıcı) uzaklaştırmadan, içinde gezinebilirsiniz. Alıştıkça, bu eklenti iş akışınızı yavaş yavaş artırabilir.
8. IconFont
IconFont, FontAwesome, PaymentFont, Typicons ve Github Octicons gibi birçok popüler simge yazı tipi için snippet'ler sağlar. Düzenli HTML parçacıklarına benzer şekilde çalışır. kısaltmalar tam uzunlukta genişletilecektir. Her simge için sınıflar ve HTML kodu.
9. DistractionFreeWindow
Yüce Metin'in yerleşik olmasına rağmen “Ücretsiz dikkat dağıtma” özellik, bu moddayken, yazdığınız koda veya içeriğe odaklanmanızı sağlar, mini harita, kenar çubuğu ve diğer tüm sekmeler gizlenir. Dikkat dağıtmasız bu özelliklere erişimi kaybetmek anlamına gelmemelidir. DistractionFreeWindow'ın size Distraction Free Mode'un nasıl davranması gerektiği konusunda daha fazla esneklik sağlamak için geldiği yer.
10. FilterLines
FilterLines, verilenler için belgenizdeki satırları aramanıza olanak sağlar. “anahtar kelime dizesi” veya “RegEx notasyonu”. Bu kullanışlı bir özellik büyük miktarda ham veri ile uğraşmak JSON, JavaScript Array, CVS biçiminde.