• 23-03-2021, 22:29:32
    #1
    Arkadaşlar merhaba,

    Artık Sublime den VSCode 'a geçmek istiyorum.
    1. Şu anda bana engel olan en önemli şeylerden birisi SASS Compiler.
    2. Ben günde 3 - 5 tane proje Switch eden adamım.
    3. 100 lerce bağlı/bağımsız SCSS dosyası üstünde çalışıyorum.
    4. Arkadaş bir türlü istediğim gibi yapamadım şu VSCode 'i.
    Sublime de, "Build SASS" isimli eklentiyi kullanıyorum. Bu kadar mı iyi olur?

    "CRTL+SHIFT+B" tuşlarına basınca bana soruyor, min.css mi olsun yoksa normal mi? Sonra bastığımda hangi ".scss" dosyası o an ekranda açıksa onun olduğu "path" 'a aynı isimli ".css"i oluştuyor.

    ----------

    Geldim VSCode'a: https://code.visualstudio.com/docs/l...-less-into-css

    Yukarıdaki denilenleri yaptım.

    Bunları da yaptım: https://code.visualstudio.com/docs/l...eate-tasksjson


    İyi güzel fakat,

    // Sass configuration { // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "label": "Sass Compile", "type": "shell", "command": "node-sass styles.scss styles.css", "group": "build" } ] }// Sass configuration
    {
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
    "label": "Sass Compile",
    "type": "shell",
    "command": "node-sass styles.scss styles.css",
    "group": "build"
        }
      ]
    }
    Şimdi burada "style.scss" diye açıkça belirttiğin dosyayı derliyor.
    1. Ben istiyorum ki, o an ekranda hangi "scss" açıksa onu derle.
    2. Hadi onu geçtim bari, proje içindeki tüm scss leri derle.
    3. tek tek bütün scss leri girecek miyim?
    Bunu nasıl çözerim arkadaşlar ya?

    Yukarıdaki linklerdeki sayfanın devamında Gulp var. Onu denedim ama, Build ettiğimde gulp'u görmüyor. Onu hiç başaramadım :/
  • 23-03-2021, 23:29:59
    #2
    Eklentiyi gördüm ama bende çalıştıramamıştım, koala kullanıyorum şuan mutluyum kullanabilirsiniz.
  • 24-03-2021, 00:29:45
    #3
    KeremWho adlı üyeden alıntı: mesajı görüntüle
    Eklentiyi gördüm ama bende çalıştıramamıştım, koala kullanıyorum şuan mutluyum kullanabilirsiniz.
    Coala yı VSCode Sass için mi kullanıyorsunuz hocam? Link var mı?
  • 24-03-2021, 06:52:48
    #4
    Prototype adlı üyeden alıntı: mesajı görüntüle
    Coala yı VSCode Sass için mi kullanıyorsunuz hocam? Link var mı?
    http://koala-app.com/
  • 24-03-2021, 21:14:45
    #5
    Merhaba, Ben de VS Code editörü kullanıyorum ama Sass'de yeniyim. index.html ve style.css ile bir dosya oluşturdum ve her şey olması gerektiği gibi style.scss, style.css.map de compiler dan otomatik derlendi. Link i de style.scss ile bağladım.Workspace de bir sorun görünmüyor ancak sayfada sadece dosyanın html(iskelet) hali görünüyor css tasarımı görünmüyor.
    Sayfayı tam olarak neden göremiyorum? Bunun sebebi nedir? Neyi atlamış olabilirim?
  • 28-03-2021, 18:29:16
    #6
    goldlight adlı üyeden alıntı: mesajı görüntüle
    Merhaba, Ben de VS Code editörü kullanıyorum ama Sass'de yeniyim. index.html ve style.css ile bir dosya oluşturdum ve her şey olması gerektiği gibi style.scss, style.css.map de compiler dan otomatik derlendi. Link i de style.scss ile bağladım.Workspace de bir sorun görünmüyor ancak sayfada sadece dosyanın html(iskelet) hali görünüyor css tasarımı görünmüyor.
    Sayfayı tam olarak neden göremiyorum? Bunun sebebi nedir? Neyi atlamış olabilirim?
    Hocam scss 'i direkt olarak dosyaya bağlayamazsınız. SASS derleme dilidir. Yani CSS komutlarınızı daha hızlı ve basit bir şekilde (SASS) dilini kullanarak oluşturur ve bunu derleyerek .css dosyasını elde edersiniz. (.css) 'İn içinde (.css.map)'ın yolunu comment olarak eklemişseniz, tarayıcıda "inspect" ettiğinizde .scss den derlendiğine referans verir, ama hız kazandırmaz, neticede gene .css dosyanızı kullanır.