>  기사  >  웹 프론트엔드  >  JS 코드 스타일은 무엇입니까? JavaScript 코딩 스타일 소개

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

不言
不言원래의
2018-08-09 18:00:111537검색

이 기사에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.