Bu, beklediğiniz adobe braketleri ayrıntılı inceleme
WordPress veya web siteleriyle genel olarak veya daha geç çalışan herkes bir kod düzenleyicisi gerektirir. Hızlı ve kirli CSS hackleme, bir sayfa şablonunu değiştirme veya bir çocuk teması hazırlama (örneğin, divi temaları için) için iyi, sıradan metin editörlerinin onu kesmediği çok fazla fırsat vardır. En iyi kod düzenleyicisini bulmak için sürekli arayışımızda, atomlara ve yüce metni gördük. Her ikisi de mükemmel seçimlerdir. Buradan, diğer popüler seçeneklere dönüyoruz: Adobe braketleri. Aşağıdaki makalede, bu kod düzenleyicisi hakkında bilmeniz gereken her şeyi öğreneceksiniz. Hazırlık ve ilk izlenimden en iyi özelliklere ve alan eksikliğine. Hadi çatlayalım, ha?
Resmi web sitesinden indirilecek braketin ilk braketi ve ilk izlenimi ve kurulumun bitmesi sadece bir dakika sürer. Bundan sonra, braketler sabit diskinizin yaklaşık 120MB’ını alır. Atom tarafından ihtiyaç duyulanların yaklaşık yarısıdır, ancak yüce metnin birkaç katıdır. Aynı şey iki yarışmacı arasında bulunan başlangıç süresi için de geçerlidir.
HTML dosyası olarak yazılan giriş, sıcak bir karşılama, editör, özelliklerin önemli noktaları ve ilk adım hakkında ayrıntılar içerir. Chrome’u yüklediyseniz, Google tarayıcısında otomatik olarak açmak için sağ üst köşedeki yıldırım sembolünü tıklamak isteyebilirsiniz. Bu, okumayı kolaylaştırır (aşağıda görebileceğiniz gibi). Bu özellik hakkında daha fazla bilgi aşağıda. Kendi projenizi başlatmak istiyorsanız, Dosya> Klasörü Açma veya Soldaki Çekme Menüsünü Kullanarak Olağan yolu kullanabilirsiniz. Aktif projeler arasında geçiş yapmak için bu düğmeyi de kullanabilirsiniz. Buna ek olarak, her şey oldukça standarttır. Dosyalar ve dizinler solda görüntülenir ve tıklandığında sağdaki dosyaları açar. Çift tıklayın veya düzenleme İş dosyası bölümüne taşıyın. Şimdiye kadar çok net mi? Tamam, o zaman kod editörünün sunduğu özellikleri görmek için Kap braketlerinin altına bir göz atalım. Adobe Braketi-Bu bölümde avantajlar, braketi diğerlerinden öne çıkaran ve kullanmak için harika bir araca dönüştüren özellikleri göreceğiz. Mac, Windows ve Linux için açık kaynaklar ve çapraz platform braketleri mevcuttur ve Adobe tarafından başlayan ve yönetilen projelerdir. Ancak, bu ticari bir ürün değil, MIT lisansı altında lisanslanan açık kaynaklı bir yazılımdır. Editör nispeten genç (2014’te yayınlanan sürüm 1.0) ve GitHub’da yönetiliyor. Açık kaynaklı bir çaba olarak, herkes çekirdeğe katkıda bulunmaya veya kendi uzantılarını göndererek davet edilir. Bu projenin bir parçası olmak istiyorsanız wiki’yi kontrol edin. Tabii ki, kullanıcılar için en büyük avantajlar: parantez kullanmak gerçekten ücretsizdir. Standart Özellikler Sold Editor kodu, modern yazılımdan beklediğimiz bir dizi standart özellik ile birlikte gelir. İlk olarak, bir kodun tamamlanması var. Yazarken, braketler geçerli girişinize uygun kod öğesini önerir. Her şeyi tam olarak yazmak için iyi bir kısayol olan tek bir düğmeye sahip bir teklif alabilirsiniz. Bir ön uç düzenleyicisi olarak, parantezlerin yalnızca HTML, CSS ve JavaScript için orijinal desteği vardır (ancak daha fazlası uzatma yoluyla eklenebilir ). Kod fotoğrafçısı ise Python, Perl, C, C ++ ve daha fazlası dahil olmak üzere daha fazla dil için mevcuttur. PHP ayrıca WordPress kullanıcıları için iyi bir haber olan çalışıyor. Kod katlanması, kodunuzun okunmasını kolaylaştırmak için paketi tamamlar. Parantezlerin bir başka yaygın özelliği, ana pencereyi iki parçaya (hem dikey hem de yatay olarak) bölme yeteneğidir. Bu şekilde, kullanıcılar bir seferde birden fazla dosyayı görüntüleyebilir ve düzenleyebilir.
Tabii ki, bulmak ve değişim de mevcuttur. Olmadan olması gereken kod editörü yoktur. Son olarak, işçi öncesi kullanıcılar, parantezlerin SASS, daha az, SCS’leri ve kod yerleşimi de dahil olmak üzere diğerlerini tam olarak desteklediğini duymaktan mutluluk duyacaktır. Aslında, *.less dosyanızı kaydederken, düzenleyici bunu otomatik olarak CSS’de saklayacaktır. İyi şeyler. Hızlı Düzenleme Braketin ilk benzersiz özelliği hızlı düzenlemedir. Herhangi bir HTML öğesini işaretlediğinizde ve CMD/CTRL + E tuşuna basın, braketler geçerli pencerede bu öğe ile ilgili tüm CSS’yi açın. Buradan, ihtiyacınız olan herhangi bir düzenlemeyi yapabilirsiniz. Kapattıktan sonra, her değişiklik otomatik olarak bu öğeye bağlı stil sayfasına uygulanır. Düzgün, ha? Buna ek olarak, hex kodunun ne renk anlamına geldiğinden veya hızlı bir şekilde değişiklik yapmak istediğinden emin değilseniz, bu özellik renk seçmenleri ile birlikte gelir. Aynı işlev, düzenlediğiniz dosyada en sık kullanılan rengi gösterir.
Hızlı düzenleme ayrıca JavaScript işlevi ile de işlev görür. Ardından, braketler, ekranın altındaki sorunları saklarken ve görüntülerken JavaScript kodunuzu kontrol edecek JSLINT desteğine sahiptir. Buna ek olarak, hızlı düzenlemelerin işlevselliğini daha da geliştirmek için bir uzatma vardır. Yakında bunun hakkında daha fazla bilgi. Başlangıçta bu iyi özelliği doğrudan gördük. Pratinary düğmesine doğrudan tıklayarak (Yıldırım Sembolleri, Hatırlayın?) Parantez, geçerli dosyayı Google Chrome’da otomatik olarak açacaktır. Ancak, sadece bu değil. İmleci düzenleyicideki HTML öğesine taşıdığınızda, imleç de tarayıcıda vurgulanacaktır.
Hepsi bu değil. Kod tabanındaki bir şeyi değiştirdiğinizde, otomatik olarak ön uçlara itilir. Sayfaları yeniden sevmeye gerek yok, parantez her şeyi tek başına yapar. Birden fazla ekranla çalışıyorsanız bu özellik olağanüstü. Şu anda sadece Chrome ve HTML ve CSS için işlev görüyor. Ancak, parantez üreticileri onu JavaScript’e ve gelecekteki her ana tarayıcıya genişletme sözü verdi. Editör braketleri HTML, CSS ve JavaScript ile yapıldığı için çok genişletilmiş, bu editör tamamen hacklenebilir ve kolayca genişletilebilir. Birçok geliştirici gerçeği kullandı ve kayıt defterinde veya uzantının yöneticisi aracılığıyla doğrudan editörde bulabileceğiniz bir uzantı oluşturdu. Son şey sağ üst köşede veya Dosya> Uzatma Yöneticisi altında bulundu. Açıldıktan sonra, yönetici mevcut tüm braket uzantılarını içerecektir. Aradığınızı bulmak için arama işlevini kullanın. Pencere yüklendikten sonra, arama çok hızlıdır ve uzantı yükleme düğmesine tıkladıktan sonra süper hızlı indirilir. Ayrıca, daha önce indirdiğiniz uzantıyı alana sürükleyip bırakarak veya yüklemek için URL’ler sağlayarak yükleme seçeneğiniz vardır. Yukarıdaki bıçaklarda temayı yüklemek için de geçiş yapabilirsiniz. Bu, görünüm> temalar altında değiştirilir (braketler sadece kutunun dışında iki tema, bir karanlık, bir parlak) ve kodun ve kullanıcı arayüzünün genel görünümünü değiştirir.
Ekli sekmenin altında, daha önce yüklediğiniz tüm uzantıları ve temaları ve devre dışı bırakma ve silme seçeneğini göreceksiniz.Yararlı braket uzantıları koleksiyonu için bu makaleye bakın.Bazı imleçler nihayet, parantezler yüce el kitabından bir sayfa yayınladı ve özellik olarak birkaç imleç ekledi.Yani, kullanıcılar aynı dosyadaki birkaç yeri aynı anda düzenleyebilir.İmleci yerleştirmek için CTRL tuşunu basılı tutun veya kod parçalarını istediğiniz yere işaretleyin.Bundan sonra, aynı anda herhangi bir yerde düzenleme yapmak için yazmaya başlayın.Her şeyi bulma ve seçme seçeneği ile birlikte, bu çok kullanışlıdır ve çok zaman ve enerji tasarrufu sağlar.Kuruan Adobe – Serin eşyaların eksiklikleri, değil mi? Ancak, parantezin daha iyisini yapabileceği şeyler de vardır. Ön uç Sekeren braketlerine odaklanan uygulama oldukça sınırlıdır. Kod editörleri, çoğunlukla HTML, CSS ve JavaScript ile ilgilenen ön uç çalışanları için açıkça yapılır. Çok iyi yapsanız bile, sunucu yan dili gibi başka şeylerle çalışıyorsanız, parantez sizin için en iyi seçim olmayabilir. Bununla birlikte, özel WordPress kodları için bile bu eksikliğin üstesinden gelmek için bir uzatma vardır. Uzatma yönetimi daha iyi olabilir. Ancak, genel olarak bu alanlar bazı işleri kullanabilir. Her şeyden önce, Resmi Uzatma Kayıt Defteri oldukça kafa karıştırıcı. Her şey herhangi bir seçenek veya fyur filtring kategorisi olmayan büyük bir listede. En azından uzatma yöneticisinde uzatma ve tema arasında bir bölüm vardır. Ancak, genel olarak her şey arama işlevine yol açar. Ancak, uygun bir aday bulduktan sonra, ek bilgi için GitHub’a tıklamanız gerekir. Bu, olması gerekenden açıkça daha karmaşıktır ve parantez, sürecin nasıl iyileştirileceği konusunda biraz ilham almak için WordPress ve atomlara bakmalıdır. Sonuç Adobe Brackets, en iyi editör arayışımızda iyi bir adaydır. Bu nispeten hafif, kaygan, kullanımı kolaydır ve modern kod editörlerinden kullanıcılar tarafından beklenen işlevlere sahiptir. Buna ek olarak, Adobe’nin açık kaynak projesi, şimdiye kadar başka bir yerde görülmemiş birkaç olağanüstü özellik ile birlikte geliyor. Hızlı düzenleme ve doğrudan önizleme çok kullanışlıdır ve ön ucun çalışmasını kolaylaştırır.
