Sublimelinter 플러그인 깔기

<설치 순서>

1. node.js 설치

2. sublimelinter 플러그인 설치

3. sublimelinter 추가 플러그인 설치

(sublimelinter-csslint

sublimelinter-jshint

sublimelinter-contrib-htmlhint 등)

4. 플러그인이 설치되는 해당 폴더에 권한부여 (OS X 만 해당)

//OS X 의 경우

권한이 필요 한 것으로 보인다

파일이 깔리는 곳의 폴더 권한

sudo chown -R 사용자이름 /usr/local/lib/node_modules

파일 링크가 걸리는 곳의 폴더 권한

sudo chown -R 사용자이름 /usr/local/bin

(OS X 경로는 대부분 비슷한거 같다. 경로를 모르겠으면 아래 터미널 명령어 npm intall -g 플러그인이름 을 쳐보면 경로가 나오면서 권한이 없다고 뜰 것이다. 나와있는 경로 맞춰서 권한 부여해주면 끝)

5. 터미널을 열어서 명령어로 플러그인 수동 설치

터미널 명령어

npm install -g 플러그인이름

예)

npm install -g jshint

npm install -g csslint

npm install -g htmlhint

jshint --version //인스톨 확인

(package control 을 통해서 깔면 별도의 터미널 명령어가 필요없다고 나와있는 것 같은데 직접 해본 결과 window, os x 두 os 모두 실행되지 않는 것을 발견하였다. 물론 나만 해당되는 문제일 수도 있다.

결과적으로 package control을 통해 설치파일을 깔아주고 터미널을 통해 명령어를 입력하여서 다시 깔아주었더니 작동하는것이 확인되었다.

html-tidy lint 는 그냥 안되는건지 안되더라.)

경로가 맞지 않는다고 뜬다면 경로 설정도 필요하다. (경로의 경우 다를 수 있음)

"paths": {

            "linux": [],

            "osx": [

                "/usr/local/lib/node_modules"

            ],

            "windows": []

}

6. sublime text 재시동

-끝-

-----------------------------------

csslint 오류 옵션설정 (무시하고 싶은 경고 들)

"csslint": {

    "@disable": false,

    "args": [],

    "errors": "",

    "excludes": [],

    "ignore": [

        "important",

        "adjoining-classes",

        "import",

        "ids",

        "box-model",

        "box-sizing",

        "qualified-headings",

        "unique-headings",

        "floats",

        "font-sizes",

        "duplicate-background-images",

        "order-alphabetical",

        "fallback-colors",

        "overqualified-elements"

    ],

    "warnings": ""

},

-ignore 옵션 설명-

"important",   // Disallow !important

"adjoining-classes",   // Disallow adjoining classes

"import",   // Disallow @import

"ids",   // Disallow IDs in selectors

"box-model",   // Beware of box model size

"box-sizing",   // Disallow box-sizing

"qualified-headings",   // Disallow qualified headings

"unique-headings",   // Headings should only be defined once

"floats",   // Disallow too many floats

"font-sizes",   // Don't use too many font-size declarations

"duplicate-background-images",   // Disallow duplicate background images

"fallback-colors",   // Require fallback colors

"overqualified-elements",   // Disallow overqualified elements

"order-alphabetical"

---------- 2016-10-19 추가

//node_moduels 설치되는 경로 (windows)

C:\Users\Administrator\AppData\Roaming\npm

//설정된 lint rule을 추가하거나 변경하려면 이곳에서 수정

ex) csslint 경우

C:\Users\Administrator\AppData\Roaming\npm\node_modules\csslint\node_modules\parserlib\lib\node-parserlib.js