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

[@holicneko1668]

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]

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]

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

[@daisynguyen307]

Hay quá, cảm ơn anh.

[@hannguyeninh3546]

Đúng lúc cần

[@vinhnguyentran7493]

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

[@bfdrvotp139]

hay quá anh oi

[@persas1683]

Thanks bạn nhiều.

[@evondevfrontend]

Ok bro

[@HaoNguyen-wu8jh]

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 ❤

[@nguyentrunghieu2772]

Rất hay anh ơi!

[@VinhHoang-uw7iz]

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

[@ThuongNguyen-km7vg]

em cảm ơn anh!

[@thanhhoaquang7289]

thanks a

[@inhsyduyetkenh5730]

Có extension live sass complier

[@LinhNguyen-gx5fb]

chac clip nay lam lau roi

[@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]

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

[@inhsyduyetkenh5730]

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

[@khangbui9393]

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

[@henrytwenty9222]

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]

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

[@baolehoangthien6437]

mong a ra phần nâng cao ạ

[@TIN1706]

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

[@evondevfrontend]

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

[@angvanuc8423]

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]

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

[@longhoang18]

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

[@longhd8795]

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]

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

[@longnguyenvan9665]

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 đỡ ạ

[@nguyennguyencanh4254]

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]

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😿

[@dung_gl]

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]

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

[@NamPham-rb7rx]

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

[@NamPham-rb7rx]

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

[@somelittlething6620]

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 ạ.

[@evondevfrontend]

Sai đường dẫn đó nè

[@thuannguyenlehoa9711]

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

[@evondevfrontend]

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

[@khoango6300]

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

[@evondevfrontend]

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

[@nguyenvantruong2788]

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]

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]

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

[@nguyeninhthuc5568]

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

[@khangnguyen6547]

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

[@khangnguyen6547]

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

[@inhtoan2700]

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]

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

[@inhtoan2700]

@@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 ạ!

[@tranvanhaotranvan2035]

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

[@evondevfrontend]

có sao ko

[@kingwisdomm]

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

[@evondevfrontend]

khi ngta zoom thì % sẽ zoom theo

[@kingwisdomm]

@@evondevfrontend e cảm ơn ạ

[@nguyenbalongvu9434]

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

[@KhoaNguyen-bk2kv]

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]

@@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]

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

[@sangtaoviet3375]

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]

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