Front-end yazılımcılara sorum var! F5 atmaktan tuş bozulacak

Question

Merhaba,

Bir süredir projem üzerinde çalışıyorum ve front-end kısmında zorlanıyorum. Çünkü hep back-end çalışmış, front-end sevmeyen biriyim açıkçası. Ancak bazı front-end tasarımlarını kendime göre düzenlemem, vuejs ile tekrardan oluşturmak ve değişiklikler yapmam gerekiyor. Şimdi asıl sorumu sorayım.

Front-end ile uğraşırken sürekli f5 yapmaktan tarayıcı ayrı ben ayrı sıkıldım. Biraz araştırdım gulp modülünü gördüm fakat benim istediğim gibi kullanmamış kimse. Genelde kodları daha düzenli ve parçalar halinde yazmak için kullanılmış. Belki de asıl amacı budur bilmiyorum. Front-end ile uğraşan arkadaşlar bunu nasıl yapıyor?

Yabancı bir arkadaşta görmüştüm. Nodejs ile bir modül çalıştırıyordu ve css, js, html nerede değişiklik yaparsa anında tarayıcıda değişiyordu. Bunu bilen varsa bana büyük iyilik yapmış olur açıkçası.

Şimdiden verdiğiniz cevaplar için teşekkür ederim

Gunesibrahim · Accepted Answer

Visual code studio kullanıyorsanız live server eklentisini kurun, sayfada değişiklik yapıp kayıt yaptığınız anda ekrana yansıyor.

bluecrown · Answer

Visual Studio Code'da live server diye bir plugin var acaba onu mu kastediyorsunuz...

ChostFreak · Answer

bluecrown adlı üyeden alıntı:						mesajı görüntüle									Visual Studio Code'da live server diye bir plugin var acaba onu mu kastediyorsunuz... 		Live server 2 veya daha fazla kişinin aynı anda kod yazmasını sağlayan eklenti değil mi? Benim istediğimi örneklendireyim. Visual Studio Code ile css düzenliyorum diyelim. Dosyayı kayıt ettiğim anda tarayıcıda yazdığım css dosyası güncellenecek. Ben kodu yazdıktan sonra sürekli tarayıcıya tıklayıp f5 atmakla uğraşmayacağım. Demek istediğim buydu hocam. Live server farklı bildiğim kadarıyla 1 2 kez kullanmıştım

ByMalicious · Answer

hocam herşeyi geçtim google chrome da auto refresh diye pluging var isterseniz bakın;
https://chrome.google.com/webstore/d...ngjpnjkc?hl=tr

ChostFreak · Answer

ByMalicious adlı üyeden alıntı:						mesajı görüntüle									hocam herşeyi geçtim google chrome da auto refresh diye pluging var isterseniz bakın;
https://chrome.google.com/webstore/d...ngjpnjkc?hl=tr 		Teşekkür ederim hocam. Bu eklenti saniye bazlı refresh atıyor ve bazı durumlarda haliyle koddan çıkıp tasarım ile uğraşmam gerekiyor js işlemleri çalışıyor mu vs diye test ediyorum. O sıralarda sürekli kapat aç yapmak gerekiyor

night_walker · Answer

Projeyi npm üzerinden serve ediyorsanız, zaten böyle bir özelik sunuyor hocam. Jquery gibi f5 ile denemek yerine komutla ayağa kaldırabilirsiniz

Gunesibrahim · Answer

Hocam sorunuzun cevabı live server, ben ve bir arkadaş aynı cevabı verdik aktif şekilde kullanıyorum fakat denemek yerine olmadığını söylüyorsunuz garip.

mustafaz · Answer

vue js i sanirim tarayici versiyonu ile yaziyorsunuz galiba. o yuzden refresh ediyorsunuz yoksa zaten node js de bu ozellik geliyor.

ChostFreak · Answer

Gunesibrahim adlı üyeden alıntı: mesajı görüntüle

Visual code studio kullanıyorsanız live server eklentisini kurun, sayfada değişiklik yapıp kayıt yaptığınız anda ekrana yansıyor.

bluecrown adlı üyeden alıntı: mesajı görüntüle

Visual Studio Code'da live server diye bir plugin var acaba onu mu kastediyorsunuz...

Çok teşekkkürler hocam live server eklentisiymiş istediğim teşekkür ederim cevap veren herkese.

Benim kullandığım aynı anda kod yazmayı sağlayan liveshare eklentisiymiş

Benim kullandığım aynı anda kod yazmayı sağlayan liveshare eklentisiymiş