Heim > Web-Frontend > js-Tutorial > Was ist der JS-Codestil? Einführung in den JavaScript-Codierungsstil

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

不言
Freigeben: 2018-08-09 18:00:11
Original
1567 Leute haben es durchsucht

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.
Nach dem Login kopieren

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
Nach dem Login kopieren
.eslint.json2.3. Verwenden Sie

2.3.1. In der Befehlszeile

{
    "extends": "airbnb-base"}
Nach dem Login kopieren

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)
Nach dem Login kopieren

2.3.3. In vscode

Eslint suchen und installieren Plug-in

Benutzereinstellungen konfigurieren:

"scripts": {
  "eslint": "./node_modules/.bin/eslint ./src/"},
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage