Prettier

Prettier, JavaScript, CSS ve HTML gibi kodlama dillerinde kodu otomatik olarak biçimlendirmek için kullanılan bir araçtır. Bu araç, kodun okunabilirliğini artırmak, tutarlılık sağlamak ve manuel olarak biçimlendirme yapmaktan zaman kazandırmak için kullanılır.

Prettier, kodlama editörleri ve entegrasyonlarla birlikte kullanılabilir. Bu entegrasyonlar, Prettier’in otomatik biçimlendirme özelliğini tetikleyen tuş kısayolları, düğmeler veya kaydetme işlemini otomatikleştirme özelliği sağlar.

Prettier, kod yazım stillerine uymak için ayrıca yapılandırılabilir. Örneğin, belirli bir proje için kabul edilebilir en uzun satır uzunluğunu belirleyebilir veya bir projede belirli bir sembol yerine başka bir sembol kullanmayı tercih edebilirsiniz.

Prettier, birden çok programlama dili için kullanılabilir, ancak JavaScript için en popüler olanıdır. Prettier, kodlama topluluklarında ve proje yönetiminde yaygın olarak kullanılmaktadır ve kod yazımı sırasında hataları en aza indirerek kod kalitesini artırmaya yardımcı olur.

Prettier, birçok farklı kod editöründe ve IDE’de kullanılabilir. Örneğin, Visual Studio Code, Atom, Sublime Text, WebStorm, VSCode, ve Notepad++ gibi editörlerde kullanılabilir.

Burada Visual Studio Code’u örnek olarak ele alalım ve Prettier’ın nasıl kullanılabileceğini anlatalım:

1. Öncelikle, Visual Studio Code editörünü açın ve “Extensions” bölümünden “Prettier” adlı eklentiyi kurun. Kurulum tamamlandıktan sonra, Prettier’ı kullanmaya başlayabilirsiniz.
2. Prettier’ı açmak için, açık olan bir proje dosyasında bir JavaScript veya TypeScript dosyasını açın. Dosyayı açtıktan sonra, dosya sağ alt köşesindeki Prettier simgesini tıklayarak veya klavyeden Shift + Alt + F tuşlarına basarak Prettier’ı çalıştırabilirsiniz.
3. Prettier otomatik olarak kodu biçimlendirecektir. Biçimlendirme, dosyayı açtığınızda veya kaydettiğinizde otomatik olarak gerçekleştirilebilir.
4. Prettier’ın yapısı özelleştirilebilir. Örneğin, uzun satır uzunluğunu değiştirmek için printWidth özelliğini kullanabilirsiniz. Bu özelliği belirlemek için, dosyanızın kök dizininde .prettierrc adında bir dosya oluşturun ve aşağıdaki gibi ayarları girin:

code{
  "printWidth": 80
}

Bu örnekte, printWidth özelliği 80 olarak ayarlandı. Bu, 80 karakter uzunluğundan daha uzun satırların kesileceği anlamına gelir.

5. Prettier’ı proje dosyalarında kullanmak için, proje klasörünüzde .prettierrc adında bir dosya oluşturun ve ayarları burada yapılandırın. Bu ayarlar, Prettier’ı proje genelinde kullanırken otomatik olarak yürütülecektir.

Prettier, kodunuzu otomatik olarak biçimlendirmek için hızlı ve kolay bir araçtır. Yapılandırılabilir özellikleri sayesinde, bir projeye özgü kodlama stillerini uygulamanız mümkündür. Bu, tutarlı bir kodlama tarzı oluşturmanıza ve okunabilirliği artırmanıza yardımcı olur.