.
[atom] linter-csslint 에러, 내가 몰라서 에러나는 것들 찾는 중 본문
eslint 설치
설치
eslint는 Node.js로 작성된 프로그램입니다. 먼저, nodejs를 설치후에 eslint를 설치합니다.
문자 인코딩 깨진 게 ("
linter-csslint:: Error while running CSSLint! "node" isn't reconoced as a command intern or extern
") 이거 같음
atom 명령창 열기: ctrl shift P
http://gnujoow.github.io/dev/2016/09/22/Dev4-lets-use-linter/
atom에서 linter를 사용해보자
atom에서 eslint를 이용하여 깔끔하게 코딩해보자.
gnujoow.github.io
$ npm 이렇게 나오는데 이게 뭔지 몰랐 근데 노드.js에서 사용하는 것 같더라
(하단 링크:
https://web-front-end.tistory.com/3)
npm(Node Package Manager) ?
node.js에서 빠질 수 없는게 npm인데
사실 저 같은경우는 bower 및 grunt를 사용하기 위해 npm을 그러면서 자연스럽게 node.js를 접하게 되었다.
node.js가 빠른 발전을 할 수 있었던 것도 이 npm덕분이라 생각하는데
npm은 위에 설명한 것 처럼 Node Package Manager의 약자로 node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통하여 관리하고 배포하고 있다.
이게 무엇을 의미하냐면 다른 사람이 잘 만들어놓은 모듈들을 npm을 통하여 설치하여 사용이 가능하다는 점이다.
또한 이 모듈이 사용하고있는 다른 모듈의 의존성또한 자동으로 해결해준다.
어떻게? npm install 이 명령어 한번으로 말이다.
다른언어에서 비슷한 개념으로
- ruby의 Gem
- php의 Composer
- C#의 NuGet
- java의 Jpm
- python의 pip
등 있으며 대부분 이러한 패키지 매니저가 의존성도 다 해결해주고 있다.
============================
1. linter-csslint: 삭제후 재설치
2. 똑같은 현상 발생(js는 제대로 lint돌고 있더라, css lint만(?) 에러 뜨고 있는 상황)
3. 재설치 후 ctrl + , 들어가서 View Code 사용
뭔가 설치할래?라는 창이떠서 그냥 오케이 눌렀음... (이전 캡처 못함..ㄸㄹㄹ)
그랬더니 linter-ui-default 가 설치 완료 됐다고 뜸
하지만 안되는건 똑같더랔ㅋㅋㅋ
그냥 아무파일 들어가 봣더니 에러 떳길래 봐봤다(js는 linter가 먹히는 상태라서 확인 가능) .근데
Error while running ESLint: Cannot find module 'eslint-config-airbnb-base'라고 되어있다.
다른 블로그들 볼때 'eslint-config-airbnb-base' 얘가 오픈으로 뿌려주는 거고 따로 설치를 해야된다고 한걸 본적이 있는데 설치에서 막힌 듯(npm........) 최상위 폴더에 해당 명령어를 입력하라고 해서 아톰 커멘드 창(?) 열어서 복붙했는데 찾을수 없다고만 뜨규.....ㅠㅠ 내가 다시 봐도 그 위치에 입력하는 건 아닌 거 같아서 지금 더 찾아보는 중
"어느 한 블로거의 말: 제일 위에 링크 있음"
"여기까지가 코드 편집기에서 설정하는 내용이다. 여기 까지 진행하고 코드편집기를 실행하면 아무런 메시지를 띄우지 않는다. 그 이유는 config 즉, ESlint이 되어있지 않기 때문인다. ESlint는 작성된 코드를 읽어서 config 에 정의된 규칙들을 적용하여 규칙에 맞지 않는 경우 에러 메시지를 띄우게된다. 프로젝트마다 추구하는 코딩 스타일이 다를텐데 적절하게 config를 설정하면 된다.
규칙들을 하나하나 추가하여 설정을 만들어도 되지만 인터넷에 공개되어있는 짱짱한 회사의 규칙이나 유명한 프로젝트의 규칙을 그대로 가져와서 사용하는 방법도 있다."
