Recientemente bir geliştirici, Microsoft'un açık kaynak kod düzenleyicisi Visual Studio Code için yeni bir uzantı tanıttı (editör artık şu adresten ulaşılabilir hızlı paket).
Gimli isim uzantısı görsel bir programlama aracıdır Ön uç geliştiriciler için, mevcut bir şablonun kodunu tasarlamalarına, değiştirmelerine, özel snippet'leri içe aktarmalarına vb.
Gimli ana özellikleri
Karmaşık dinamik düzenler oluşturmak genellikle Grid ve Flexbox kullanımını gerektirir. Tüm olası özellikleri ve bunların etkileşimini öğrenmek zor olabilir.
Gimli bu sorunu çözer Bu süreci büyük ölçüde basitleştiren görsel araçlar sağlayarak.
"Mod öncülüğünde", Gimli, seçilen öğeye göre sunum araçlarını etkinleştirir.
Örneğin, bir öğenin görüntüleme özelliği Izgara olarak ayarlanmışsa, bir dizi Izgara tabanlı araç etkinleştirilecektir.
Bir öğenin görüntüleme özelliği Flex olarak ayarlanmış bir üst öğesi varsa, esnek öğelere odaklanan bir dizi araç etkinleştirilir ve bu böyle devam eder.
Gimili ile, bu işlev sayesinde dosyalarınız arasında kolayca gezinebilirsiniz. Gimli'nin “arama kaynağı”.
Uzantı, CSS kuralları ve HTML öğeleri için kaynak kodunu anında bulmanızı sağlar.
Şablonunuzdan bir HTML öğesi seçtiğinizde, "kaynak" düğmesine basit bir tıklama, o öğenin veya bir CSS kuralının kaynak kodunu anında açacaktır.
Gimli ayrıca, işlevle stilleri uygulamanıza izin verir Gimli "Stilleri uygula", hangi stillerin eklendiğini, kaldırıldığını veya değiştirildiğini görebilirsiniz. Daha sonra bu farklı stillerin tamamını veya bir kısmını uygulayabilirsiniz.
Herhangi bir tarayıcının geliştirici araçları gibi, Gimli, birlikte çalışmayı seçtiğiniz çerçeve veya kitaplıkla çalışmak üzere tasarlanmıştır.
Tasarımcılarına göre şimdiye kadar, Gimli, React, WordPress, Bootstrap, VueJS, Angular ve Stencil ile test edilmiştir.
Ayrıca yaratıcısına göre, Yukarıda bahsedilen bu dört özellik, uzantının gücünün sadece bir önizlemesidir.
Bu özellikler, şu anda Gimli uzantısı için gerçekten işe yarayanları temsil ediyor.
Gimli hala beta durumunda
Geliştirici Halen beta aşamasında olan ve 2019'un üçüncü çeyreğinin sonunda veya dördüncü çeyreğinin başında kullanıma sunulması gereken bu aracı tanıttı. ve ilk kararlı sürümünün 2020 başlarında yapılması planlanıyor.
Şu anda tasarımcısından Gimli hakkında birkaç açıklama var. Gimli'nin tasarımı ilerledikçe düzeltmeye söz verdiği bir şey.
"Diğer geliştirme platformlarından farklı olarak Gimli, ön uç geliştiriciler içindir. Gimli, "kodsuz" bir çözüm değildir.
Bunun yerine, genellikle 'kodsuz' çözümlerde bulunan görsel araçları Visual Studio Code geliştirme ortamıyla birleştirmeye çalışıyor '' dedi.
İşlevselliği için, Gimli, geliştirmeniz sırasında eklemeniz gereken küçük bir betiğe sahiptir, yapılandırması çok basit olacaktır ve webpack gibi derleme araçları yardımıyla veya manuel olarak yapılabilir.
Gereken zaman ve kaynaklarla, mevcut özellikleri geliştirmeye ve tipografi ve metin araçları, özel kod parçacıklarını içe aktarma yeteneği, perspektif ve dönüştürme araçları, HTML dışa aktarma ve biçimlendirme, bir görünüm DOM ağacı ve araçlar gibi yeni özellikleri uygulamaya devam edeceğiz. renkler ve işaretler.
Dedi ki, Topluluğun istediği, test için mevcut uzantının beta sürümü yok.
Bunun, Gimli'nin yaratıcısının topluluktan biraz daha fazla katkı almasına ve düzeltebilecekleri veya ürüne katkıda bulunabilecekleri herhangi bir hata veya iyileştirme hakkında daha fazla geri bildirim almasına yardımcı olacağına inanıyorlar.
Öte yandan, diğer insanlar projenin açık kaynak olduğu yorumunu yaptı.
“Yapabileceğim bir öneri, projeyi açık kaynaklı veya en azından kişisel kullanım için ücretsiz yapmak.
Bu, işyerinde aynı araçlara sahip olmak isteyecek birçok kullanıcıyı getirecektir. O zaman şirketlerden ücret aldığınız işletme lisanslarına sahip olabilirsiniz ”diyor bir tanesi.
kaynak: gimli.app