Hướng dẫn sử dụng SASS cơ bản cho người mới cực chi tiết

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ม.ค. 2025

ความคิดเห็น • 63

  • @holicneko1668
    @holicneko1668 3 ปีที่แล้ว +35

    2:40 biến
    4:25 nested code - code lồng nhau
    5:16 scss + bem
    7:25 @mixin - đoạn code sử dụng lại ở nhiều nơi
    16:20 @mixin responsive

  • @konandev4278
    @konandev4278 3 ปีที่แล้ว

    thanks anh ạ! dù em chưa học đến nhưng tò mò nên mở xem, hmmm chỉ biết nói là Great thôi ạ hì hì. Mong anh ra thêm nhiều video để ae được khai sáng.

  • @tunguyenngoc8236
    @tunguyenngoc8236 3 ปีที่แล้ว

    cảm ơn bạn, clip giải thích chi tiết và dể hiểu.

  • @hannguyeninh3546
    @hannguyeninh3546 4 ปีที่แล้ว

    Đúng lúc cần

  • @HaoNguyen-wu8jh
    @HaoNguyen-wu8jh 4 ปีที่แล้ว +2

    cảm ơn anh hi vọng anh ra video code chuẩn BEM kèm sass ạ
    BEM thì anh cho các block sâu 1 chút để anh em hiểu cách đặt tên khi đi vào quá sâu
    SASS mong anh dạy luôn cách tổ chức thư mục ạ.
    Cảm ơn anh ❤

  • @vinhnguyentran7493
    @vinhnguyentran7493 3 ปีที่แล้ว

    Hay quá ! Cảm ơn anh nhiều

  • @nguyentrunghieu2772
    @nguyentrunghieu2772 4 ปีที่แล้ว

    Rất hay anh ơi!

  • @daisynguyen307
    @daisynguyen307 3 ปีที่แล้ว

    Hay quá, cảm ơn anh.

  • @VinhHoang-uw7iz
    @VinhHoang-uw7iz 3 ปีที่แล้ว +1

    làm các project cho công ty mình cũng chia các file như thế để lưu trữ các variable vs mixin như thế à anh

  • @bfdrvotp139
    @bfdrvotp139 3 ปีที่แล้ว +1

    hay quá anh oi

  • @datha1605
    @datha1605 ปีที่แล้ว

    Tks a ^^, anh có "đóng gói" sẵn các file Scss anh thường hay dùng không, để em tham khảo với ạ

    • @evondevfrontend
      @evondevfrontend  ปีที่แล้ว +1

      anh hiện tại ko rồi, những chắc sắp tới a sẽ làm

  • @inhsyduyetkenh5730
    @inhsyduyetkenh5730 4 ปีที่แล้ว +2

    Có extension live sass complier

  • @inhsyduyetkenh5730
    @inhsyduyetkenh5730 4 ปีที่แล้ว

    Mac vs window khác nhau về cách code chỗ scss to css ko anh

  • @henrytwenty9222
    @henrytwenty9222 2 ปีที่แล้ว +1

    Hi, mình có làm theo hướng dẫn của bạn nhưng khi chạy sass thì nó bị lỗi sass : command not found , mặc dù mình check với npm list -g thì thấy đã cài package sass@1.55 . Mình tìm nhiều nơi và làm theo nhiều cách mà vẫn không được nên mới mạo muội lên đây hỏi .Mong được giúp đỡ. Cảm ơn bạn

    • @evondevfrontend
      @evondevfrontend  2 ปีที่แล้ว +1

      Bạn cài nodejs và cài thêm gitbash scm nha

  • @persas1683
    @persas1683 2 ปีที่แล้ว

    Thanks bạn nhiều.

  • @baolehoangthien6437
    @baolehoangthien6437 3 ปีที่แล้ว

    mong a ra phần nâng cao ạ

  • @angvanuc8423
    @angvanuc8423 4 ปีที่แล้ว

    a cho em hỏi về tính ứng dụng của scss, lúc làm dự án họ có hay dùng scss cho các project ko a

    • @dethuongvl
      @dethuongvl 2 หลายเดือนก่อน

      Giờ ra trường đi làm chưa bạn?

  • @longhoang18
    @longhoang18 3 ปีที่แล้ว

    Nếu file nằm trong thư mục thì sao anh nhỉ? ví dụ: css/style.css sass/style.sass

  • @longnguyenvan9665
    @longnguyenvan9665 3 ปีที่แล้ว

    Em dùng mac M1 em cài nodejs rồi mà copy lệnh sass báo lỗi tùm lum, kiểu như k truy cập đc quyền admin, e chỉnh hết trong cài đặt cả sáng nay không đc, rất mong a và m.n giúp đỡ ạ

  • @khangbui9393
    @khangbui9393 3 ปีที่แล้ว

    chưa có clip nâg cao hả anh

  • @ThuongNguyen-km7vg
    @ThuongNguyen-km7vg 3 ปีที่แล้ว

    em cảm ơn anh!

  • @dung_gl
    @dung_gl 2 ปีที่แล้ว

    Mình có đọc và tìm hiểu nhưng có chỗ này mình không hiểu trong cách sử dụng biến, mong anh và mọi người giải đáp: lúc sử dụng biến chỉ cần để $bien, nhưng trong một số trường hợp mình thấy để sử dụng thì phải sử dụng #{$bien}. Vậy cho mình hỏi tại sao sinh ra cách số 2 ạ

    • @dung_gl
      @dung_gl 2 ปีที่แล้ว

      Mình hiểu chỗ này rồi ạ. Cảm ơn mn đã quan tâm

  • @TIN1706
    @TIN1706 2 ปีที่แล้ว

    Vậy mình có nên dùng SCSS thay thế luôn cho CSS ko a?

    • @evondevfrontend
      @evondevfrontend  2 ปีที่แล้ว

      tùy vào mục đích thôi nè, thường code sass sẽ code nhanh hơn nà

  • @longhd8795
    @longhd8795 3 ปีที่แล้ว

    Thế mỗi lần vào VS code lại phải gõ sass file.scss file.css --watch hay sao ạ.Có cách nào tối ưu không anh

    • @longhd8795
      @longhd8795 3 ปีที่แล้ว

      @@evondevfrontend em đang dùng node js liệu ổn không anh

  • @nguyennguyencanh4254
    @nguyennguyencanh4254 3 ปีที่แล้ว

    Em chạy lệnh sass source/stylesheets/index.scss build/stylesheets/index.css thì báo zsh: command not found: scss. Cho em hỏi cách fix ạ?

    • @devlamdep
      @devlamdep 3 ปีที่แล้ว +1

      Bạn vào extention cài live sass compiler sau khi code file *.scss thì bạn nhìn xún dưới cùng có nút watching thì bấm vào nó sẽ compiler sang css cho bạn😿

  • @somelittlething6620
    @somelittlething6620 3 ปีที่แล้ว

    Anh ơi cho em hỏi. Em lỗi Error reading style.scss : no such file or directory. Em đã tìm thử trên internet cách để giải quyết nhưng chưa thấy ạ.

  • @NamPham-rb7rx
    @NamPham-rb7rx 4 ปีที่แล้ว +1

    Em chạy node-v nó ghi command not found thì fix như nào a

    • @NamPham-rb7rx
      @NamPham-rb7rx 4 ปีที่แล้ว

      @@evondevfrontend em fix được rồi cảm ơn a ạ

  • @thanhhoaquang7289
    @thanhhoaquang7289 10 หลายเดือนก่อน

    thanks a

  • @khoango6300
    @khoango6300 2 ปีที่แล้ว

    em dùng background-image ko ăn được trong sass anh

    • @evondevfrontend
      @evondevfrontend  2 ปีที่แล้ว +1

      em dùng sai cách thôi em hoặc sai đường dẫn

  • @inhtoan2700
    @inhtoan2700 3 ปีที่แล้ว

    Mình đang gặp lỗi không import nhưng cũng tự nhận scss, không biết anh hay bạn nào biết có thể giúp mình được không?
    Mô tả: Trong Folder to có Folder 1 và Folder 2.
    Trong Folder 1 chứa file index1.js và file style1.scss. Trong file index1.js mình chỉ import file style1.scc.
    Tương tự với Folder 2 chứa file index2.js và file style2.scss. Trong file index2.js mình chỉ import file style2.scss.
    Tuy nhiên lúc load web lên thì page 1 tương ứng với file index1.js nhận cả file style2.scss ( mặc dù mình không hề import).
    Mình tìm hiểu những vẫn chưa ra lỗi gì.

    • @evondevfrontend
      @evondevfrontend  3 ปีที่แล้ว +1

      bạn có thể tìm hiểu @use và @forwards nhé, import nó là import global á

    • @inhtoan2700
      @inhtoan2700 3 ปีที่แล้ว

      @@evondevfrontend Dạ vâng em cảm ơn ạ. em cũng đọc tài liệu và biết nó là import global rồi anh, Em cảm ơn anh ạ!

  • @nguyenvantruong2788
    @nguyenvantruong2788 3 ปีที่แล้ว

    em dùng mac, em đã cài nodejs rồi em gõ lệnh npm install --g sass ra một đống lỗi là sao ạ

    • @ttrieuvy
      @ttrieuvy 3 ปีที่แล้ว +1

      Bạn mở Terminal lên và chạy dòng này là êm nhé, do bị thiếu quyền hay sao đó: sudo chown -R $USER /usr/local/lib/node_modules

    • @qiz634
      @qiz634 2 ปีที่แล้ว +1

      @@ttrieuvy có thể dùng như này nữa này bác Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

    • @nguyeninhthuc5568
      @nguyeninhthuc5568 2 ปีที่แล้ว

      @@qiz634 tui cũng bị lỗi này thank pro nhá

  • @thuannguyenlehoa9711
    @thuannguyenlehoa9711 3 ปีที่แล้ว

    vậy nó khác gì live Sass k ạ

    • @evondevfrontend
      @evondevfrontend  3 ปีที่แล้ว

      A chưa dùng live sass nên ko rõ. Này học cách dùng lệnh cho quen em

  • @khangnguyen6547
    @khangnguyen6547 3 ปีที่แล้ว

    SASS nhiêu đây là đủ sài chưa ạ

    • @khangnguyen6547
      @khangnguyen6547 3 ปีที่แล้ว

      yeah, đang hóng grid phần 2 của thầy , phần 1 đã thành thạo rồi

  • @kingwisdomm
    @kingwisdomm 3 ปีที่แล้ว +1

    A ơi tại sao lại sử dụng html font-size: 62.5% mà không để là 10px ạ.

    • @evondevfrontend
      @evondevfrontend  3 ปีที่แล้ว +1

      khi ngta zoom thì % sẽ zoom theo

    • @kingwisdomm
      @kingwisdomm 3 ปีที่แล้ว

      @@evondevfrontend e cảm ơn ạ

  • @tranvanhaotranvan2035
    @tranvanhaotranvan2035 3 ปีที่แล้ว

    bây giờ còn dùng sass k mng

  • @nguyenbalongvu9434
    @nguyenbalongvu9434 3 ปีที่แล้ว

    sao Lúc là sass lúc là scss nhỉ

    • @KhoaNguyen-bk2kv
      @KhoaNguyen-bk2kv 3 ปีที่แล้ว

      2 cái vẫn là một đó bạn. SCSS là bổ sung thêm dấu ngoặc nhọn và chấm phẩy để viết code dễ nhìn hơn đó bạn. Còn sass thì viết code giống python, khối lệnh phân biệt bằng cách thụt đầu dòng.

    • @flowersun9045
      @flowersun9045 3 ปีที่แล้ว

      @@KhoaNguyen-bk2kv chỉ khác nhau là có đóng và mở ngoặc, với ; thôi hả bạn, còn lại như nhau hả.

    • @KhoaNguyen-bk2kv
      @KhoaNguyen-bk2kv 3 ปีที่แล้ว +1

      @@flowersun9045 đúng rồi bạn.

  • @sangtaoviet3375
    @sangtaoviet3375 3 ปีที่แล้ว

    sass : File C:\Users\Admin\AppData\Roaming
    pm\sass.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see
    about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
    nó lỗi ntn là sao vậy ạ

    • @nguyenhopper8588
      @nguyenhopper8588 3 ปีที่แล้ว

      Stackoverflow có mà. Copy lỗi paste vào gg đi =))