Kann nicht konforme Eingabeaufforderungsinformationen in vscode in Echtzeit anzeigen
Sie können den gesamten nicht konformen Code formatieren, indem Sie <code><span style="font-size: 14px;">npm run lint</span>npm run lint ausführen und alle erforderlichen manuell geänderten Codes auflisten Fehler und Positionierung
Sie können die Spezifikation anpassen [die von eslint empfohlene Standardspezifikation JavaScript Standard Style]
Sie können// eslint-disable- line no-undef<span style="font-size: 14px;">/*eslint-disable */</span><span style="font-size: 14px;">/*eslint-disable */</span><span style="font-size: 14px;">/*eslint-enable */</span>übergeben, um zu verhindern, dass der folgende Code Codespezifikationsprüfungen akzeptiert und /*eslint-enable */<span style="font-size: 14px;">// eslint-disable-line no-undef</span>Lassen Sie den folgenden Code die Codespezifikationsprüfung erneut akzeptieren und bestehen
So konfigurieren Sie
<span style="font-size: 14px;">// 自动识别文件类型<br> "emmet.syntaxProfiles": {<br> "vue-html": "html",<br> "vue": "html"<br> },<br> "eslint.autoFixOnSave": false,<br> // 要lint的语言<br> "eslint.validate": [<br> "javascript",<br> "javascriptreact",<br> "html",<br> "vue",<br> {<br> "language": "vue",<br> "autoFix": true<br> }<br> ],<br> "eslint.options": {<br> "plugins": [<br> "html"<br> ]<br> }<br></span><span style="font-size: 14px;">eslintrc.json</span>Erstellen Sie einen neuen
<span style="font-size: 14px;">{<br> "root": true,<br> "parserOptions": {<br> "sourceType": "module"<br> },<br> "env": {<br> "browser": true,<br> "es6": true<br> },<br> "extends": "eslint:recommended",<br> "plugins": [<br> "html"<br> ],<br> "rules": {<br> "accessor-pairs": 2,<br> "arrow-spacing": [2, {<br> "before": true,<br> "after": true<br> }],<br> "block-spacing": [2, "always"],<br> "brace-style": [2, "1tbs", {<br> "allowSingleLine": true<br> }],<br> "camelcase": [0, {<br> "properties": "always"<br> }],<br> "comma-dangle": [2, "never"],<br> "comma-spacing": [2, {<br> "before": false,<br> "after": true<br> }],<br> "comma-style": [2, "last"],<br> "constructor-super": 2,<br> "curly": [2, "multi-line"],<br> "dot-location": [2, "property"],<br> "eol-last": 2,<br> // "eqeqeq": [2, "allow-null"],<br> "eqeqeq": 0,<br> "generator-star-spacing": [2, {<br> "before": true,<br> "after": true<br> }],<br> "handle-callback-err": [2, "^(err|error)$"],<br> "indent": [2, 2, {<br> "SwitchCase": 1<br> }],<br> "jsx-quotes": [2, "prefer-single"],<br> "key-spacing": [2, {<br> "beforeColon": false,<br> "afterColon": true<br> }],<br> "keyword-spacing": [2, {<br> "before": true,<br> "after": true<br> }],<br> "new-cap": [2, {<br> "newIsCap": true,<br> "capIsNew": false<br> }],<br> "new-parens": 2,<br> "no-array-constructor": 2,<br> "no-caller": 2,<br> "no-console": "off",<br> "no-class-assign": 2,<br> "no-cond-assign": 2,<br> "no-const-assign": 2,<br> "no-control-regex": 0,<br> "no-delete-var": 2,<br> "no-dupe-args": 2,<br> "no-dupe-class-members": 2,<br> "no-dupe-keys": 2,<br> "no-duplicate-case": 2,<br> "no-empty-character-class": 2,<br> "no-empty-pattern": 2,<br> "no-eval": 2,<br> "no-ex-assign": 2,<br> "no-extend-native": 2,<br> "no-extra-bind": 2,<br> "no-extra-boolean-cast": 2,<br> "no-extra-parens": [2, "functions"],<br> "no-fallthrough": 2,<br> "no-floating-decimal": 2,<br> "no-func-assign": 2,<br> "no-implied-eval": 2,<br> "no-inner-declarations": [2, "functions"],<br> "no-invalid-regexp": 2,<br> "no-irregular-whitespace": 2,<br> "no-iterator": 2,<br> "no-label-var": 2,<br> "no-labels": [2, {<br> "allowLoop": false,<br> "allowSwitch": false<br> }],<br> "no-lone-blocks": 2,<br> "no-mixed-spaces-and-tabs": 2,<br> "no-multi-spaces": 2,<br> "no-multi-str": 2,<br> "no-multiple-empty-lines": [2, {<br> "max": 1<br> }],<br> "no-native-reassign": 2,<br> "no-negated-in-lhs": 2,<br> "no-new-object": 2,<br> "no-new-require": 2,<br> "no-new-symbol": 2,<br> "no-new-wrappers": 2,<br> "no-obj-calls": 2,<br> "no-octal": 2,<br> "no-octal-escape": 2,<br> "no-path-concat": 2,<br> "no-proto": 2,<br> "no-redeclare": 2,<br> "no-regex-spaces": 2,<br> "no-return-assign": [2, "except-parens"],<br> "no-self-assign": 2,<br> "no-self-compare": 2,<br> "no-sequences": 2,<br> "no-shadow-restricted-names": 2,<br> "no-spaced-func": 2,<br> "no-sparse-arrays": 2,<br> "no-this-before-super": 2,<br> "no-throw-literal": 2,<br> "no-trailing-spaces": 2,<br> "no-undef": 2,<br> "no-undef-init": 2,<br> "no-unexpected-multiline": 2,<br> "no-unmodified-loop-condition": 2,<br> "no-unneeded-ternary": [2, {<br> "defaultAssignment": false<br> }],<br> "no-unreachable": 2,<br> "no-unsafe-finally": 2,<br> "no-unused-vars": [2, {<br> "vars": "all",<br> "args": "none"<br> }],<br> "no-useless-call": 2,<br> "no-useless-computed-key": 2,<br> "no-useless-constructor": 2,<br> "no-useless-escape": 0,<br> "no-whitespace-before-property": 2,<br> "no-with": 2,<br> "one-var": [2, {<br> "initialized": "never"<br> }],<br> "operator-linebreak": [2, "after", {<br> "overrides": {<br> "?": "before",<br> ":": "before"<br> }<br> }],<br> "padded-blocks": [2, "never"],<br> "quotes": [2, "single", {<br> "avoidEscape": true,<br> "allowTemplateLiterals": true<br> }],<br> "semi": [2, "never"],<br> "semi-spacing": [2, {<br> "before": false,<br> "after": true<br> }],<br> "space-before-blocks": [2, "always"],<br> "space-before-function-paren": [2, "never"],<br> "space-in-parens": [2, "never"],<br> "space-infix-ops": 2,<br> "space-unary-ops": [2, {<br> "words": true,<br> "nonwords": false<br> }],<br> "spaced-comment": [2, "always", {<br> "markers": ["global", "globals", "eslint", "eslint-disable", "*package", "!", ","]<br> }],<br> "template-curly-spacing": [2, "never"],<br> "use-isnan": 2,<br> "valid-typeof": 2,<br> "wrap-iife": [2, "any"],<br> "yield-star-spacing": [2, "both"],<br> "yoda": [2, "never"],<br> "prefer-const": 2,<br> "object-curly-spacing": [2, "always", {<br> "objectsInObjects": false<br> }],<br> "array-bracket-spacing": [2, "never"]<br> }<br>}<br></span>Schritt2 Installation und Konfiguration des Befehlszeilen-Plug-Ins <span style="font-size: 14px;">package.json</span>
1. Fügen Sie im Projektstamm den folgenden Code zur Datei <span style="font-size: 14px;">scripts</span><span style="font-size: 14px;">package.json</span>
<span style="font-size: 14px;">"lint": "eslint --fix --ext .js,.vue src"<br></span>
<span style="font-size: 14px;">Skripte<br> code></span> unten: <code><span style="font-size: 14px;">devDependencies</span>
<span style="font-size: 14px;">"eslint": "^3.19.0",<br>"eslint-plugin-vue": "^2.1.0",<br></span>
<p>devDependencies <span style="font-size: 14px;"></span></p> unten: <span style="font-size: 14px;">cnpm i</span>
Im Projektstammverzeichnis-Terminal ausführen
Wie verwende ich die mehrseitige Anwendungsmethode für die Vue-Cli-Entwicklung
Wie verwende ich Vue-Cli zum Erstellen von Vue-Projekten und Webpacks? Zusammenfassung relevanter Beispiele zu Vue-cliDas obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Konfiguration von vue-cli vscode eslint. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
vscode
So führen Sie Code mit vscode aus
Einführung in das von vscode verwendete Framework
Welche Sprache wird im Allgemeinen zum Schreiben von vscode verwendet?
In welcher Sprache kann vscode geschrieben werden?
vscode Chinesische Einstellungsmethode
Einführung in die Verwendung von vscode
Der Unterschied zwischen vscode und Visual Studio
