Heim >Web-Frontend >js-Tutorial >Allgemeine Einstellungen von vscode

Allgemeine Einstellungen von vscode

php中世界最好的语言
php中世界最好的语言Original
2018-02-27 09:24:363309Durchsuche

Über vscode

CPU100 %

Manchmal hat vscode eine CPU-Auslastung von 100 % und zwei rg.exe belegen die gesamte CPU. Die Lösung lautet wie folgt:

Datei>Einstellungen>Einstellungen, SuchenSetzen Sie "search.followSymlinks": false;

emmet

Wenn Sie möchten Verwenden Sie emmet, um den Code in jsx automatisch zu vervollständigen:

Datei>Einstellungen>Einstellungen, nehmen Sie die folgenden zwei Einstellungen vor

1. „emmet.triggerExpansionOnTab“: true

 2. "emmet.includeLanguages": {"javascript":"html"},

Automatisches Semikolon

Wenn das hübschere Plug-in installiert ist , wird beim Einfügen des Codes oder beim Formatieren der Datei automatisch ein Semikolon hinzugefügt und die doppelten Anführungszeichen werden in einfache Anführungszeichen geändert wird durch die Standardeinstellungen des Prettier-Plug-Ins bestimmt. Die Lösung lautet wie folgt:

Datei>Einstellungen>Einstellungen, nehmen Sie die folgenden zwei Einstellungen vor

1. „prettier.singleQuote“: true

2. „prettier.semi“ : false

Beauty

Bei der Verwendung von vscode werden im Allgemeinen Beauty-Plug-Ins verwendet, um den Code zu verschönern. Wenn Sie den .vue-Code verschönern und den Code beim Speichern automatisch verschönern möchten, müssen Sie die folgenden Einstellungen vornehmen:

Datei>Einstellungen>Einstellungen, nehmen Sie die folgenden zwei Einstellungen vor

"editor.formatOnSave": true,
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"
        ]
    }

Nach der Verwendung von Beauty zur Verschönerung des Codes erfüllt der Code im Allgemeinen die Verifizierungsanforderungen von eslint. Die beiden Regeln, die verhindern, dass die -Funktion ein Leerzeichen vor den Klammern hat (space-before-function-paren) und am Ende der Datei eine Leerzeile lassen (eol- zuletzt) ​​sind in Schönheit Es gibt keine entsprechende Übereinstimmungsregel in . Wenn diese beiden Anforderungen nicht zwingend erforderlich sind, können Sie sie in der .eslintrc-Datei >

auf 0


'eol-last': 0, 'space-before-function-paren': 0 Auf diese Weise müssen Sie beim Schreiben von Code nicht auf das Codeformat achten. Beim Speichern wird es automatisch verschönert und erfüllt die Verifizierungsanforderungen von eslint

Ich glaube, dass Sie die Methode nach dem Lesen dieser Fälle beherrschen. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website !

Verwandte Lektüre:

So implementieren Sie ein benutzerdefiniertes Maus-Rechtsklick-Menü in JS

JavaScript BOM

js ||. &&Detaillierte Erklärung

Lösung für die Lücke zwischen Bild- und Ansichts-Tags

Das obige ist der detaillierte Inhalt vonAllgemeine Einstellungen von vscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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