Sublime Text3는 저장을 적게 구성하고 자동으로 컴파일합니다.

sublime tutorial 칼럼에서는 Sublime Text3에서 자동 컴파일을 저장하기 위해 less를 구성하는 방법을 소개하겠습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

Mac OSX 환경에서

1.Sublime Text3은 less를 설치해야 하며 구문 강조 플러그인

2.NodeJS를 설치하고 npm npm install less -gd를 통해 mac 터미널에서 less 전역으로 설치합니다.

3.선택 사항: 축소를 사용하려면 less-plugin-clean-css 또는 이와 유사한 것을 설치해야 합니다.
npm install -g less-plugin-clean-cssnpm install -g less-plugin-clean-css
4.Optional: To use autoprefix. Install less-plugin-autoprefix.
npm install -g less-plugin-autoprefix4.선택 사항: autoprefix를 사용하세요. less-plugin-autoprefix를 설치하세요.

npm install -g less-plugin-autoprefix

이 시점에서 less 파일을 수동으로 컴파일할 수 있습니다.

lessc style.less를 통해 수동으로 컴파일하세요. Mac 터미널 style.css의 lessc

Sublime Text3에 파일을 저장할 때 자동으로 CSS로 컴파일해야 하는 경우 다음 단계도 필요합니다

5 Sublime Text3에서는 컴파일하는 플러그인인 less2css를 설치해야 합니다. less into css

여기로 가서 공식 지침이나 인터넷의 많은 기사를 따르면 완료됩니다

하지만 less 파일을 저장하면 less2css error: lessc is not available이라는 오류가 보고되는 것은 당연합니다. 문제가 무엇인가요?

오류 메시지에 따르면 lessc를 찾을 수 없다는 것입니다. sublime

Sublime Text 2 and 3 Plugin to compile less files to css on save.
Requires lessc installed on PATH.

에 less2css 플러그인과 함께 제공되는 Readme 문서를 계속 확인하세요. 환경 변수의 문제일 수 있습니다. 일반적인 상황에서는 less2css를 설치한 후 자동으로 매칭됩니다

해야 할 일 다음과 같이 진행하세요.

mac 터미널에 어떤 lessc를 입력하고 lessc/의 경로를 찾으세요. Users/[username]/.nvm/versions/node/v10.10.0/bin/lessc

sublime Text3에서 less2css의 구성 파일 less2css를 수정합니다.sublime-settings-User

{
   "lesscCommand": "/Users/[username]/.nvm/versions/node/v10.10.0/bin/lessc"
}

이 때, sublime Text3에 더 적은 파일을 저장하면 같은 이름의 .css 파일도 현재 폴더에 나타납니다🎜

위 내용은 Sublime Text3는 저장을 적게 구성하고 자동으로 컴파일합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!