> 웹 프론트엔드 > JS 튜토리얼 > JS 코드 스타일은 무엇입니까? JavaScript 코딩 스타일 소개

JS 코드 스타일은 무엇입니까? JavaScript 코딩 스타일 소개

不言
풀어 주다: 2018-08-09 18:00:11
원래의
1567명이 탐색했습니다.

이 기사에서는 JS 코드 스타일이 무엇인지 설명합니다. JavaScript 코딩 스타일에 대한 소개에는 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 표준

모든 사람의 코딩 스타일에 동의하기 위해 커뮤니티에서는 비교적 표준화된 코딩 스타일 사양이 탄생했습니다.

  • JavaScript 표준 스타일

  • Airbnb JavaScript 스타일

2.

ESLint는 도구와 규칙만 제공합니다. 이러한 규칙을 구성하는 방법은 전적으로 사용자에게 달려 있습니다. 이는 Airbnb 구성을 사용하여 설명됩니다.

2.1.

$ npm info "eslint-config-airbnb@latest" peerDependencies
{ eslint: '^4.19.1',  'eslint-plugin-import': '^2.12.0',  'eslint-plugin-jsx-a11y': '^6.0.3',  'eslint-plugin-react': '^7.9.1' }


$ npx -v6.1.0$ npx install-peerdeps --dev eslint-config-airbnb+ eslint-config-airbnb@17.0.0+ eslint-plugin-jsx-a11y@6.1.1+ eslint-plugin-react@7.10.0+ eslint-plugin-import@2.13.0+ eslint@4.19.1SUCCESS eslint-config-airbnb and its peerDeps were installed successfully.
로그인 후 복사

2.2를 설치하고

# 创建 package.json$ npm init -y

$ eslint --init? How would you like to configure ESLint?
  Answer questions about your style
❯ Use a popular style guide
  Inspect your JavaScript file(s)

? Which style guide do you want to follow?
  Google
❯ Airbnb
  Standard

? Do you use React? No
? What format do you want your config file to be in? JSON

+ eslint-plugin-import@2.13.0+ eslint-config-airbnb-base@13.0.0
로그인 후 복사

2.3을 생성합니다. 명령줄에서 .eslint.json

{
    "extends": "airbnb-base"}
로그인 후 복사

2.3.2를 사용합니다.

rreee

2 .3 .3. vscode에서 eslint 플러그인 검색 및 설치

사용자 설정 구성:

$ ./node_modules/.bin/eslint -v
v4.19.1$ ./node_modules/.bin/eslint ./blog//Users/forwardNow/develop/work/study/blog/2018/08/test.js  35:1  warning  Unexpected console statement  no-console✖ 1 problem (0 errors, 1 warning)
로그인 후 복사
                               

위 내용은 JS 코드 스타일은 무엇입니까? JavaScript 코딩 스타일 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿