>웹 프론트엔드 >CSS 튜토리얼 >Less 구성 환경 설치 소개

Less 구성 환경 설치 소개

高洛峰
高洛峰원래의
2017-03-15 12:29:221743검색

1. SUBIME 플러그인 설치

1. Less 플러그인 설치: ctrl+shift+p>install Package> less를 누르고 Enter를 누르세요

2. Less2CSS 플러그인 설치: ctrl+shift+p>install Package> less2css를 입력하고 Enter를 누르세요

기능: 동일한 이름의 CSS 파일을 자동으로 생성합니다. 적은 파일을 저장할 때 프롬프트 오류 메시지 프로젝트 디렉토리의 모든 Less 파일을 CSS 파일로 일괄 컴파일합니다.

2. Node.js 설치

1. 기본적으로 C:Program 파일snodejs를 변경하지 마세요.

2. C 드라이브에서 Program Filesnodejs를 열고 nodejs 폴더에서 npm을 찾아 해당 환경을 직접 설치할 수 있습니다.

3. win+R, cmd를 입력하고 종료하고 Enter를 눌러 DOS 창을 불러옵니다. 설치 중에 환경

변수 가 자동으로 구성되었으므로 node를 직접 입력하여 node.js 대화형 모드로 들어갈 수 있습니다.

Less 구성 환경 설치 소개

3. 이후 노드에 들어가면 다음을 입력할 수 있습니다: console.log("Hello, World!"); 테스트해 보세요:

Less 구성 환경 설치 소개

4. C 드라이브 아래에 app 폴더를 만듭니다. 폴더에 test.js를 작성합니다.

코드는 다음과 같습니다:

var http =

require("http");

http.createServer(function(req, res) {

res.write

Head( 200 , {"Content-Type":"text/html"});

res.write("

Node.js< ;/h1>");

res.write("

Hello World

");

res.

end( "beyondweb.cn

");}).

listen(3000);

콘솔 .log( "HTTP 서버는 포트 3000에서 수신 대기 중입니다.");

5. OK, 그런 다음 DOS 창에서 앱 폴더를 입력하고 명령 창에서 [node test.js]를 실행합니다. 이렇게 하면 웹페이지에서 js에 액세스할 수 있습니다. URL http://www.php.cn/:3000을 방문하세요. 정상적으로 접속하시면 설치가 성공한 것입니다.

Less 구성 환경 설치 소개

Less 구성 환경 설치 소개

3. 덜 설치

cmd: npm install -g less

less- 설치 플러그인-clean-css 플러그인: npm install less-plugin-clean-css

위 내용은 Less 구성 환경 설치 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.