İpuçları Kendime Notlar Makalelerim PHP PhpStorm

PhpStorm – Harici Araçlarla Çalışmak (Running External Tools in PhpStorm)

Merhaba. Uzun zamandır kullanmakta olduğum PhpStorm hakkında boş oldukça kullanışlı bilgiler vermeye çalışacağım. Bu gün anlatacağım konu PhpStom’da Harici Araçlarla Çalışmak konusunda olacak.

Harici araç olarak bu gün OptiPng programını, PhpStorm içine entegre edeceğiz. Böylelikle hem kullanışlı bir aracımız olmuş olacak, hem de PhpStorm içine nasıl harici araç eklenir bunu göreceğiz.

OptiPng programını indirerek işe başlayacağız. Bu program sayesinde, sitemizde kullanmış olduğumuz *.Png uzantılı dosyaları sıkıştırarak optimize edebiliyoruz. Kullandığınız işletim sistemine uygun olanı sunucudan indirip, eğer Windows kullanıyorsanız Program Files içerisine OptiPng isminde bir klasör açarak içine atıyoruz. PhpStorm’u açarak işlemimize devam edeceğiz.

Harici araç eklemek için öncelikle ayarlar menüsünü açmamız gerekiyor. Bunun için “Ctrl+Alt+S veya Cmd+ Mac OS X “ tuş kombinasyonunu kullanıyoruz. Gelen pencerede IDE Setting altından, önce External Tool başlığına sonra sağ üstten ( + ) ‘ya basıyoruz.

Screenshot_1

Bu işlemin ardından karşımıza şöyle bir ekran gelecektir;

2

Bu ekranı kendinize göre değiştirebilirsiniz. Program kısmında OptiPng programını yüklediğiniz alanı göstermeniz gerekmektedir. Ancak Parametre kısmı: o4 $FilePath$ ve Working directory: $FileDir$ şeklinde kalması iyidir. İşlemin ardından OK diyerek bu kısmı kapatıyoruz.

Her hangi bir aksilik çıkmadıysa, harici programımız PhpStorm içine eklenmiş olacaktır. Şimdi kısayol tuşunu ekleyip ardından kullanıma geçebiliriz. Kısayol tuşu eklemek için, tekrar IDE Setting altından Keymap kısmından External Tool altına girerek önce Optimize PNG’ ye ( vermiş olduğumuz isim ) ve ardından Add Keyboard Shortcut’a tıklıyoruz.

3

First Stroke kısmına istediğimiz bir kısa yolu atıyoruz. Şu an için müsait olan Alt+I mantıklı bir seçim olacaktır. Burayı da OK diyerek kapatıyoruz. Şimdi çalışma alanımızda bir PNG dosyası açarak optimize işlemini gerçekleştirebiliriz. Bunun için resim açık halde iken Alt+I kombinasyonunu ya da “Tools > Imaging > Optimize PNG” seçerek resmimizi optimize ediyoruz. Benim kullandığım görselin çıktısı aşağıdaki gibidir;

Screenshot_2

Görüldüğü üzere, %7.94’lük bir küçülme söz konusu olmuştur. 1 resim için çok fazla önemli değildir ancak 1.000 resim kullanılan bir sitede bu oran ciddi anlamda hız farkı yaratacaktır.

Kaynak:
PhpStorm External Tools
Running External Tools in PhpStorm