-- JavaScript

Prettier ve Eslint ile Çalışmaya Çalışmam

Prettier bilindiği üzere bir kod formatlama aracıdır. Yazdığımız kodu standartlarına uygun hale getirmektedir.

ESLint ise JavaScript kodlarımızdaki hataları bulmamıza yardımcı olabilecek bir linter aracıdır.

Visual Studio Code kullanırken ikisini aynı anda kullanamıyordum. Aşağıdaki şekilde yaparsanız sorunsuz bir şekilde çalışmakta. Gelin birlikte yapalım…

İlk olarak eslint paketimizi proje dizinimize yüklüyoruz.

Daha sonra projemizin içine .eslintrc adında bir dosya oluşturuyoruz ve aşağıdaki gibi config ediyoruz.

Daha sonra proje dizinimize .prettierrc adında yeni bir dosya daha oluşturuyor ayarlarımı yapıyorum. Diğer ayarlara buradan bakabilirsiniz.

Bunları yaptıktan sonra VS Code settins.json dosyasına giderek CTRL+S olayından sonra otomatik olarak kodlarımız formatlamasını sağlıyorum.

Tam hali ;

Bu şekilde temiz kodlar yazabiliriz. Esen kalın…