VPS에서 Recess 사용 방법

3793 단어 node.jsMISCELLANEOUS

Recess 정보
트위터가 개발한 코드 품질 툴인 Recess는 실행 지침을 통해 코드를 더 잘 쓸 수 있도록 돕기 위한 것이다.Recess는 LESS에 구축되어 개발 과정에서 하나의 linter로서 코드를 깔끔하고 유지보수할 수 있습니다.
 
이 강좌에서, 우리는 VPS에 Recess를 설치하고, Ubuntu 12.04를 실행할 것입니다. 당신은 VPS와 Node를 미리 처리해야 합니다.js와 NPM, 아직 완성하지 않았다면 이 강좌의 절차를 보고 설치를 완료할 수 있습니다.
 
설치하다.
Node 및 NPM이 가상 서버에 설치되면 다음 명령을 실행하여 Recess를 설치합니다.
 
npm install recess -g

 
 
이제 좀 더 재미있는 내용을 살펴보겠습니다. Recess 사용
지금 당신은 이 멋진 코드 조수를 어떻게 사용하고 싶습니까?우선 css를 쓰는 것에 관해서는 약간의 표준이 있다.예를 들어 선택기를 과도하게 제한하거나 선택기에 #ids를 사용할 수 없습니다. Recess에 rules가 내장되어 있습니다. css 파일을 통해 rules를 실행하고 볼 수 있습니다.
 
Recess 를 설치하면 다음과 같은 rules 가 바로 표시됩니다.
 
·         noJSPrefix – js- 접두사 클래스에 스타일을 붙이지 마십시오
·         noOverqualifying - 선택기를 과도하게 제한하지 마십시오. 예를 들어div#foo.bar
·         noUnderscores - 클래스 이름을 지정할 때 밑줄을 긋지 마십시오. 예를 들어.my_class
·         noUniversalSelectors - 일반 선택기를 사용하지 마십시오.
·         zeroUnits - 0px와 같은 0값에 단위를 붙이지 마십시오.
·         strictPropertyOrder - 엄격한 속성 순서를 실행합니다 (여기에 정의된 순서가 있습니다)
 
 
이제 테스트를 진행하여 간단한 css 파일을 만들고 다음 내용을 붙여넣습니다.
#my-id {
 color:red;
}
.my_bad_class {
 color:red;
}

 
 
파일을 저장하고 종료하고 터미널에서 다음 명령을 실행합니다.
recess path/to/css/file.css

 
 
이 명령은 당신의 파일을 확인하고 문제를 보고할 것입니다.우리의 테스트에서 css 파일은 2개의 rule를 위반했기 때문에 Recess는 표시될 것입니다.폴더의 모든 css 파일을 검사하려면 다음 명령을 실행하십시오.
recess path/to/css/folder/*

 
 
이렇게 하면 그 폴더의 모든 css 파일을 가리킬 것입니다.
 
 
 
현재 몇 가지 이유로 css에 #ids를 사용하려고 하는데 Recess에서 검사를 받지 않고 다음 명령을 실행할 수 있습니다.
recess path/to/css/file.css --noIDs false

 
 
이 명령은 옵션을 통해 특정 rule를 false로 설정하고, 더 많은 것을 추가할 수 있습니다.
recess path/to/css/file.css --noIDs false --noUnderscores false

 
 
이렇게 하면 테스트 파일에 문제가 없다는 것을 보여 줍니다. 위반한 rule가 표시되지 않았기 때문입니다.
 
 
그러나 현재 가설: 우리는 매번 이 옵션을 설정하고 싶지 않으며, Recess가 이 rules를 검사하지 못하게 해야 한다.프로필을 만들어야 합니다. 이름은.recessrc.이 파일을 넣을 수 있는 곳은 두 군데입니다.
 
·         첫째, recess 명령을 실행할 폴더에 파일을 넣을 수 있습니다.이렇게 하면 옵션 없이 명령을 실행하고 프로필을 가져올 수 있습니다.
·         두 번째, recess 명령을 실행하는 폴더가 아닌 다른 폴더에 넣습니다.이렇게 하려면 설정 파일에 경로를 연결해야 합니다.예를 들면 다음과 같습니다.
recess path/to/css/file.css --config=path/to/config/.recessrc

 
 
그런데 서류에 뭘 넣을까요?그럼 어떤 룰을 꺼내고 싶은지 봐야지.noIDs와 noUnderscores가 검사 범위 내에 있는지 확인하려면 내용을 붙여넣을 수 있습니다.
{
"noIDs": false,
"noUnderscores": false
}

 
 
또 다른 멋진 일은 css (또는 LESS) 파일을 Recess로 컴파일해서 자동으로 변경할 수 있다는 것이다.예를 들어 속성 배열 순서가 충분하지 않으면 Recess로 파일을 컴파일한 다음 터미널에서 정확한 속성 순서의 css 파일을 출력할 수 있습니다.명령에 - compile 옵션만 추가하면 됩니다.
recess path/to/css/file.css --compile

 
 
이것은 모든 문제가 있는rules를 복구할 수 없지만, 공백을 표준화하여, 0값부터 단위를 제거하고 속성을 다시 정렬합니다.컴파일 결과를 자동으로 저장하려면 다음 명령을 사용합니다.
recess path/to/css/file.css --compile > path/to/css/compiled-file.css

 
 
또 하나 기억해야 할 것은 이 명령을 언제 실행하든지 Recess가 컴파일한 첫 번째 css 파일 결과는 명령의 두 번째 css 파일의 내용을 대체할 것이다.
 
마지막으로 독자들은 Recess가 가져다 주는 장점과 전방 개발 과정에 커다란 보완을 느낄 수 있기를 바란다.
 
 
 
By Danny
 
From:https://www.digitalocean.com/community/articles/how-to-install-and-use-recess-on-a-vps

좋은 웹페이지 즐겨찾기