사스:

SASS는 CSS의 전처리기입니다. 코드는 사용할 때 가장 아름답고 최적화됩니다. SASS는 중괄호[{}] 없이 작성되고 SCSS는 중괄호[{}]로 작성됩니다.

주로 SASS는 두 가지 방법으로 설치할 수 있습니다.

라이브 SASS 컴파일러.

노드 패키지 모듈(NPM).

최상의 NPM과 COMPILER로 하면 브라우저 지원이 되지 않습니다.

이제 SASS를 설치하는 방법을 살펴보겠습니다.

첫 번째 방법:

처음에는 컴파일러가 나왔고 이제 코드 편집기 VS Code는 코딩에 매우 인기가 있습니다. 확장 프로그램으로 이동하여 LIVE SASS COMPILER를 설치합니다. 그런 다음 파일을 만들고 html 및 SASS 파일을 만들고 LIVE SASS COMPILER를 켭니다.

두 번째 방법은 다음과 같습니다.

NPM(노드 패키지 모듈) 포함:
먼저 터미널로 이동하여 올바른 파일을 선택해야 합니다.
명령을 내리셔야 합니다

> npm init - Enter
> npm install / i sass -D (developer) Enter
"liveSassCompile.settings.generateMap": false,
"liveSassCompile.settings.formats": [
{
"Format":"expanded",
or
"format":"compressed",
"extensionName": ".css",
"savePath":"/sass"
}
],

형식 옵션 [압축]으로 이동> 코드를 작은 파일로 변환/[확장]> 코드는 작성된 그대로 출력을 표시합니다.
설치가 완료되면 Jason 파일로 이동하여 crypt 옵션("...")을 입력합니다.

또 다른 방법은 설정에서 SASS 파일을 추출하여 설정하는 것입니다.

"scripts": {
"compile-sass": "sass style.scss style.css -style compiler --watch --no-source-map"
},

코드를 수동으로 보러 갈 때는 터미널에서 명령을 내려야 하고, 코드가 변경되면 매번 명령을 내려야 어떤 것이 매우 paramatman인지 알 수 있습니다. 좋은 해결책은 WATCH 옵션을 켜는 것입니다. 이를 위해 crypt 파일에는 먼저 기본 주제를 참조하는 SASS가 있고 컴파일러 이름이 있습니다(원하는 대로 이름을 지정할 수 있음)> 코드가 컴파일될 때 해당 위치> 다음을 나타내는 코드가 있습니다. 압축되거나 확장되지 않음> 코드를 라이브로 만드는 atchwatch> 소스 맵 명령 없음.

(--watch)

아름답게 SASS하고 싶다면 다음을 배워야 합니다.

변수

연산자

확장/상속

규칙

값

모듈

중첩

믹스인

훨씬 더

마무리

기사가 마음에 드셨기를 바랍니다. 그렇다면 ❤️와 구독을 누르는 것을 잊지 마세요. 나중에 사용할 수 있도록 북마크할 수도 있습니다. 이 기사를 작성하는 것은 즐거웠습니다. 질문이나 제안 사항이 있으면 주저하지 말고 삭제하십시오. 또 봐요.
GitHub 프로필에서 별표를 주면 지원을 확장할 수 있습니다.😊👇
G i t h u b
P o r t f o l i o

지원하다

Buy me a Coffee