Hướng dẫn how do i start scss in terminal? - làm thế nào để tôi bắt đầu scss trong thiết bị đầu cuối?
|
SASS có lẽ là người phổ biến nhất trong số các bộ xử lý trước & NBSP; CSS; Trong nhiều năm, nó & nbsp; đã giúp & nbsp; us & nbsp; viết CSS sạch, có thể tái sử dụng và mô -đun. Trong hướng dẫn nhanh này, tôi sẽ cắt thẳng vào những thứ quan trọng và giải thích & nbsp; cách biên dịch SASS thành CSS bằng dòng lệnh. Show
1. Cài đặt Node.js Install Node.jsĐể biên dịch SASS thông qua dòng lệnh, trước tiên chúng ta cần cài đặt Node.js. Tải xuống từ trang web chính thức Nodejs.org, mở gói và theo dõi trình hướng dẫn. 2. & NBSP; Khởi tạo NPM Initialize NPMNPM là trình quản lý gói nút cho JavaScript. NPM giúp bạn dễ dàng cài đặt và gỡ cài đặt các gói bên thứ ba. Để khởi tạo một dự án SASS với NPM, hãy mở thiết bị đầu cuối và CD của bạn (thư mục thay đổi) vào thư mục dự án của bạn.  Khi trong đúng thư mục, chạy lệnh & nbsp; ________ 2. Bạn sẽ được nhắc trả lời một số câu hỏi về dự án, sau đó NPM sẽ tạo tệp A & NBSP; ________ 3 trong thư mục của bạn. 3. & NBSP; Cài đặt Node-Sass Install Node-SassNode-Sass là gói NPM biên dịch SASS với CSS (nó cũng rất nhanh). Để cài đặt nút-sass, hãy chạy lệnh sau trong thiết bị đầu cuối của bạn: 4. & nbsp; Viết lệnh nút-sass & nbsp; Write Node-sass CommandMọi thứ đã sẵn sàng để viết A & nbsp; tập lệnh nhỏ để biên dịch SASS. Mở tệp gói.json trong trình chỉnh sửa mã. Bạn sẽ thấy một cái gì đó như thế này: {
"name": "sass-tutorial",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
Trong phần Script, thêm một lệnh SCSS, theo lệnh thử nghiệm, vì nó hiển thị bên dưới:scripts section add an scss command, under the test command, as it’s shown below: "scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"scss": "node-sass --watch scss -o css"
}Hãy cùng đi qua dòng này từng chữ. & Nbsp;
Khi chúng tôi chạy tập lệnh này, nó sẽ xem mọi tệp 5. & nbsp; chạy tập lệnh Run the ScriptĐể thực hiện tập lệnh một dòng của chúng tôi, chúng tôi cần chạy lệnh sau trong thiết bị đầu cuối: & nbsp; ________ 13 Và Voila! Chúng tôi đang xem và biên soạn Sass. Mẹo nhanhHãy theo dõi để biết thêm lời khuyên nhanh chóng; Có một bộ sưu tập toàn bộ trên đường đi! Làm cách nào để bắt đầu SCSS?Để bắt đầu, hãy tạo một thư mục với hai thư mục bên trong, CSS và hình ảnh. Sau đó, bên trong thư mục CSS tạo một tệp với phần mở rộng SASS - trong trường hợp của tôi là Style.SCSS.Sau đó mở nó và tập tin sẽ được phát hiện ngay lập tức.create a folder with two folders inside, CSS and images. Then inside the CSS folder create a file with the Sass extension – in my case it's style. scss. Then open it and the file will be detected right away.
Làm cách nào để biên dịch SCSS thành CSS trong thiết bị đầu cuối?Khi SASS được cài đặt, bạn có thể biên dịch SASS của mình thành CSS bằng lệnh SASS.Bạn sẽ cần nói cho SASS xây dựng tệp nào và nơi xuất hiện CSS.Ví dụ: chạy sass input.scss output.css từ thiết bị đầu cuối của bạn sẽ lấy một tệp SASS duy nhất, input.scss và biên dịch tệp đó thành output.css.using the sass command. You'll need to tell Sass which file to build from, and where to output CSS to. For example, running sass input.scss output.css from your terminal would take a single Sass file, input.scss , and compile that file to output.css .
Lệnh nào được sử dụng để chạy mã SASS từ dòng lệnh?Sass Input.SCSS đầu ra.css Nó được sử dụng để chạy mã SASS từ dòng lệnh.
It is used to run the SASS code from the command line.
Tôi đặt mã SCSS ở đâu?Tệp SCSS ở cùng cấp độ gốc với tệp index.html của bạn và đặt tên cho nó chỉ mục.at the same root level as your index. html file and name it index. |
