• 22-11-2021, 00:16:57
    #1
    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
  • Kabul Edilen Cevap
    • 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.
  • 22-11-2021, 00:20:05
    #2
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    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.
  • 22-11-2021, 00:20:38
    #3
    Visual Studio Code'da live server diye bir plugin var acaba onu mu kastediyorsunuz...
  • 22-11-2021, 00:22:35
    #4
    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
  • 22-11-2021, 00:25:00
    #5
    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
  • 22-11-2021, 00:25:08
    #6
    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
  • 22-11-2021, 00:25:09
    #7
    Projeyi npm üzerinden serve ediyorsanız, zaten böyle bir özelik sunuyor hocam. Jquery gibi f5 ile denemek yerine komutla ayağa kaldırabilirsiniz
  • 22-11-2021, 00:27:30
    #8
    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.
  • 22-11-2021, 00:27:37
    #9
    vue js i sanirim tarayici versiyonu ile yaziyorsunuz galiba. o yuzden refresh ediyorsunuz yoksa zaten node js de bu ozellik geliyor.