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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Express + AWS S3 이미지 업로드하기웹 사이트 및 모바일 애플리케이션 등에서 원하는 양의 데이터를 저장하고 보호할 수 있다. 데이터에 대한 액세스를 최적화, 구조화 및 구성할 수 있는 관리 기능을 제공한다. AWS S3 에 저장된 객체에 대한 컨테이너...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.