JS Standard Style

4209 단어 standardJavaScript

자기 소개

  • 일야택환도
  • github/qita는@kt3k
  • 오늘은 린트의 이야기입니다.


    JavaScript의 링크 도구에 대해 말하자면


    JSLint / JSHint / ESLint


    기다리다

    오늘 소개한 도구



    Standard

  • Standard라는 링크 도구
  • 명령 이름은 standard입니다.
  • 내부용 ESLight
  • ESLight 권장 규칙 집합
  • 피쳐 1(린트 규칙)

  • 세미콜론 없음
  • 2공간 들여쓰기
  • 링크 규칙은 기본적으로 구성할 수 없음❗️
  • 플러그인 단위로 추가 가능
  • e.g.eslint-Plugin-flow eslint-Plugin-vue 등
  • 피쳐 2(명령)

  • 파일 자동 감지
  • standard 명령을 입력하면 기본적으로 링크해야 할 파일을 마음대로 찾을 수 있다

  • (↑ 구체적으로 이 근처에 있는 아이놀러지)

    Why Standard?


    뭐가 그리 좋으냐

  • 규칙을 통합할 수 없기 때문에 규칙을 고려할 필요가 없다
  • 링크된 파일을 쉽게 찾을 수 있으므로 설정하는 데 걸리는 시간이 줄어듭니다

  • 지역사회 규모

  • 스타 수>=10000
  • eslint shared config 다운로드 2위
  • Standard 사용자



    ※ 사실 널리 사용되고 있습니다.

    그렇지만


    무슨 일이든지 좋은 면도 있고 나쁜 면도 있다

    standard 입력 시 가발😓


    참치😓


    무분호;
  • 오랫동안 분호로 쓴 사람이 괴롭다
  • 원래 번호가 없어도 괜찮은데?
  • ->이것은 문제없다고 볼 수 있다
  • 도저히 안 될 경우에도 사용할 수 있다semistandard.
  • semistandard


    세미콜론 있는 표준.
  • 표준과engine의 거의 같은 사상 도구를 공유
  • 코드에서도 같은 핵심 부분을 공유하기 때문에 기본적으로 같은 장점을 누릴 수 있다
  • 지역사회에서도 겹쳐져 있는 표준가족의 일원입니다.👨‍👩‍👧‍👦 프로젝트
  • 참치


    함수 정의 시 공백 위치
    ❌ Bad
    function foo() {
      ...
    }
    
    ✅ Good
    function bar () {
      ...
    }
    

    참치


    함수 정의 시 공백 위치
    ❌ Bad
    function foo() {
      ...
    }
    
    ✅ Good
    function bar () {
      ...
    }
    
    →이 습관이 되었지요

    참치


    원래 링크 도구를 바꾸는 행위는 매우 고통스럽다

    광택에 효과적인 처방


    처방전

  • standard --fix
  • 이 명령은 간단한 규칙(예를 들어 분호, 축소 등)을 마음대로 수정할 수 있다
  • 처방전 2 (편집기 지원)

  • Sublime Text
  • Atom
  • Visual Studio Code
  • Vim
  • Emacs
  • Brackets
  • WebStorm (Native support)
  • 이 부근의 편집기는 플러그인을 통해 내연 검사를 할 수 있다

    표준화 대항 도구


    표준을 사용하지 않을 때의 옵션

    대항 1XO

  • 표준사상과 기본적으로engine 또는 기본규칙을 공유하지 않는 도구
  • NOTa standard 가족🙅
  • 저자는sindresorhus
  • DL 최소
  • 규칙이 너무 엄격하다(개인적인 견해)
  • 침투는 거의 없지만sindresorhus 자체의 npm module천 정도 있어요.
  • 대항하다

  • eslint-config-airbnbb의sharedconfig
  • shared 설정만 있기 때문에standard와 같은 편리한 기능이 없습니다
  • 하지만 스타 수/다운로드 수가 표준을 넘어섰다
  • eslint-config-airbnbb를 직접 사용하는 창고는 거의 보이지 않는다
  • 다들 이걸 기반으로 포크를 해서 그런지 DL 수가 많네요
  • 세력

  • 원래 린트가 아니었어
  • 린스를 사용하지 않고AST를 사용하여 특정 규칙에 따라prettyprint(성형 감각이 좋다)를 하는 뾰족한 아이디어 도구
  • 새로운 시대의 도구일 수 있음
  • 잘 모르는 생각(ts)/¯
  • 총결산

  • standard를 사용하면 링크 설정을 대폭 줄일 수 있다
  • standard를 사용하면 체인을 고려하는 시간을 크게 줄일 수 있다
  • 그러나 반드시 받아들여야 한다(e.g. 무분호 등)
  • 지역사회가 상당히 충실하다
  • 에도 표준(airbnb 등)
  • 이라고 완전히 할 수 없는 요소가 있다

    아무도 밀통을 위해 프로그램을 쓰지 않았다


    라이트를 생각하는 시간이 짧다는 건 정의입니다.


    들어주셔서 감사합니다.🙇

    좋은 웹페이지 즐겨찾기