Emac'lar

Web geliştirme için en iyi 5 emacs eklentisi

Web geliştirme için en iyi 5 emacs eklentisi
Burada olduğunuza göre, zaten metin düzenleme, muhtemelen e-posta ve kesinlikle kodlama görevleri için Emacs kullanıyorsunuz. Ciddi web geliştirme yapmaya başladığınızda, mümkün olduğu kadar çok avantaj istersiniz. Emacs kullanarak web için kodlama deneyiminizi kolaylaştıracak bazı araçlar.

Söylendiği gibi, Emacs iyi bir editörden yoksun bir işletim sistemidir. Emacs, git, derleme ve daha birçok şey dahil olmak üzere tüm iş akışını sizin için çalıştıracak şekilde ayarlayabilirsiniz.

Hangi web projesini hedefliyorsunuz??

Bu liste başlamanız için kısa, kapsamlı değil. Buradaki ipuçlarını kullandıktan sonra, çerçeveleriniz ve özel web araçlarınız için özel bölümü bulun. Araçların listesi o kadar uzun ki, sadece kendi favorinizi bulmanız gerekiyor.

Liste bölümlere ayrılmıştır, böylece iş akışınızda iyileştirmeniz gerekenleri bulabilirsiniz. Kodlamanın keyfini çıkarın, kendi hatalarınızı halledin ve bu araçları doğru bir şekilde kurarken hataları çok daha kolay bulun.

Bu listede, Emacs için kullanılabilen harika Python araçlarından hiçbirini bile bulamayacaksınız. Bu araçlar, kodu etkileşimli olarak test edebilmeniz için bir REPL içerir. Kodunuzu yorumlarla oluşturabileceğiniz bir iPython modunuz bile var.

Hazırlanan snippet'ler

Programlamanın çoğu, özel bir yapıya sahip işlevlerin kullanılmasını içerir. Bir web belgesinde her zaman doğru şekilde kapatılması gereken bir ve etiketi bulunur. Her zaman, istediğiniz kodun bir snippet kullanmak için özel bir biçimi takip ettiği yapılara sahip olacaksınız. Emacs'ta en iyi eklentilerden biri Yasnippets'tir!

yasnippet'ler

Yasnippets ile kodunuzda hangi metne sahip olmanız gerektiğini tanımlarsınız. Ayrıca değişkenleri kullanabilir ve sonucu form olarak doldurabilirsiniz. Birçok editör için mevcut olan benzer bir eklenti Emmmet modudur.

Emmet

Emmet modu, bir kısaltmanın tüm kodu oluşturduğu bir araçtır. Web sayfalarındaki ilk örnek, bir liste almak için çarpmak için yıldız işaretini nasıl kullandığınızı gösterir. Sözdizimi CSS'ye benzer şekilde çalışır, ancak HTML de dahil olmak üzere biçimlendirme dillerine uyarlanmıştır. İşlevselliği genişletmek için JSON dosyalarını kullanırsınız. Bunlara, standart araçtan daha yakın ihtiyaçlarınızı karşılayan snippet'ler ekleyebilirsiniz.

uçuş kontrolü

Flycheck, siz yazarken kodunuzu sözdizimi hatalarına karşı kontrol eder. Bunun çalışması için, dili gerçekten bilen temel bir kitaplığa veya araç setine ihtiyacınız var. Birçok dil için bu araçlar var. Web geliştirme için html-tidy, jshint ve pylint gibi araçları arayın. Diğer birçok araç ve dil desteklenir. Bu, Emacs'i yazılım geliştirme için güçlü kılmanın önemli bir parçasıdır.

Emacs kurulumunuzda, desteklediğiniz belirli dili de eklemeniz gerekir. MELPA'yı veya başka bir siteyi Flycheck için kontrol ettiğinizde desteklenen diller açıktır. Aslında, geliştirmekte olduğunuz dilden bağımsız olarak Flycheck'in sizin için neler yapabileceğini kontrol etmek iyi bir fikirdir. Dil dizisi çok büyük!

Canlı düzenleme modu

Web sayfalarınızın harika görünmesini ve düzgün çalışmasını sağlamak için Emacs'ı kullanmanın birçok yolu vardır. Ayrıca, yazarken kodunuzun sonucunu bir tarayıcıda canlı olarak görmenin birçok yolu vardır. Bu, yaptığınız herhangi bir değişiklik hakkında size anında geri bildirim sağlar ve hata ayıklamayı yazılımınızı geliştirmenin ayrılmaz bir parçası haline getirir. Bunu yapmanın bir çözümü şiş modudur.

şiş modu

Şiş modu, dizininizi bir web sayfası olarak ancak mevcut sisteminizde yerel olarak ayarlar. Daha sonra bir web sunucusunu başlatır ve kodu tercih edilen web tarayıcısına sunar. Bu kurulumla, bir sonraki pencerede size sayfayı gösteren tarayıcıya sahip olursunuz. Web sunucusu, bir dosya değiştirilir değiştirilmez sayfayı yeniden yükleyecek şekilde yapılandırılmıştır. Web sunucusunu derlemek, aktarmak ve yeniden başlatmak gerekmez.

JavaScript

JavaScript'te programlama yaparken, tökezlemeniz gereken birçok tuzak var. Flycheck, sözdiziminizi kontrol ederken, js2-mode, yazarken sözdizimi hatalarını gösterirken sözdizimi vurgulama yapar. Bu mod, JavaScript'te kod yazarken hayalinizdeki sonuca ulaşmak için birçok kodu geçmek için gereklidir.

Bu mod ayrıca JSX ve Kapatmayı da destekler.

İndiyum

Tüm bunları okuduktan sonra, her şeyi düzgünce paketleyen paketler de bulabileceğinizi bilmekten memnun olacaksınız. Bunların en iyilerinden biri Indium. İndiyum aslında iki parçaya bölünmüştür. Tek parça, MELPA'da bulunan emacs paketinizdir; diğeri bir NPM paketidir. NPM paketinin kurulumu, 'npm install indium' kullanılarak kolaydır.' Bu ikisi yüklendikten sonra, proje dizininizde ' adlı ayarları oluşturmanız gerekir.indiyum.json'. NodeJS'de gereksinimler mütevazıdır, ancak katıdırlar. Ayrıca, tüm hata ayıklama araçları oradan geldiğinden Chromium'un çalışmasını da gerçekleştirir.

Sonuç

Web geliştirmeye başlamak için süslü bir IDE'ye ihtiyacınız olduğunu düşünebilirsiniz. Tüm çanları ve ıslıkları başka nereden bulabilirsin?? Emacs'ta onları bulabileceğiniz yer. Bu araçları ve daha fazlasını kullanmak sizi çok ileriye götürecektir ve harika web sayfaları oluşturmak için muhtemelen başka bir araca ihtiyacınız yoktur! Ancak, bu araçlardan bazılarına katılmıyorsanız, etrafa bakarsanız Emacs için birçok harika araç var. GitHub'da iyi bir başlangıç ​​noktası var ve gerçekten de 'Harika Emacs' olarak adlandırılıyor.'

How to download and Play Sid Meier's Civilization VI on Linux
Introduction to the game Civilization 6 is a modern take on the classic concept introduced in the series of the Age of Empires games. The idea was fai...
How to Install and Play Doom on Linux
Introduction to Doom The Doom Series originated in the 90s after the release of the original Doom. It was an instant hit and from that time onwards th...
Vulkan for Linux Users
With each new generation of graphics cards, we see game developers push the limits of graphical fidelity and come one step closer to photorealism. But...