Was ist der JS-Codestil? Einführung in den JavaScript-Codierungsstil

In diesem Artikel erfahren Sie, was der JS-Codestil ist. Die Einführung in den JavaScript-Codierungsstil hat einen gewissen Referenzwert. Ich hoffe, dass sie für Sie hilfreich ist.

1. Standards

Um sich auf den Codierungsstil aller zu einigen, wurden in der Community einige relativ standardisierte Codierungsstilspezifikationen entwickelt:

• JavaScript Standardstil

• Airbnb-JavaScript-Stil

2. ESLint

ESLint stellt lediglich Tools und Regeln zur Verfügung Konfigurieren Sie diese Regeln. Die Regeln liegen ganz beim Benutzer. Dies wird anhand der Airbnb-Konfiguration veranschaulicht.

2.1. Installieren Sie

$ 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.

und generieren Sie schließlich die

Datei:

# 创建 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

.eslint.json2.3. Verwenden Sie

2.3.1. In der Befehlszeile

{
    "extends": "airbnb-base"}

2.3.2. NPM-Skript konfigurieren

$ ./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)

2.3.3. In vscode

Eslint suchen und installieren Plug-in

Benutzereinstellungen konfigurieren:

"scripts": {
  "eslint": "./node_modules/.bin/eslint ./src/"},

Das obige ist der detaillierte Inhalt vonWas ist der JS-Codestil? Einführung in den JavaScript-Codierungsstil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!