Heim > Entwicklungswerkzeuge > VSCode > Eine kurze Diskussion über die Methode zum Formatieren von vscode-Code

Eine kurze Diskussion über die Methode zum Formatieren von vscode-Code

青灯夜游
Freigeben: 2021-01-04 17:24:43
nach vorne
30895 Leute haben es durchsucht

Eine kurze Diskussion über die Methode zum Formatieren von vscode-Code

Verwandte Empfehlungen: „vscode-Tutorial

vs-code-formatierte Code-Tastenkombinationen lauten wie folgt: (von hier)

  • Unter Windows Umschalt + Alt + F
  • Auf Mac Shift + Option + F
  • Auf Ubuntu Strg + Shift + I

Aber die integrierte Formatierung kann meine Anforderungen derzeit nicht erfüllen. in der Methode gut.

1. Der Code ist im Eslint-Stil formatiert (von hier aus referenziert)

Plugin erforderlich: eslint


Einstellungen hinzufügen:

"eslint.autoFixOnSave": true,
"eslint.validate": [
  "javascript",
  "javascriptreact",
  {
    "language": "html",
    "autoFix": true
  },
  {
    "language": "vue",
    "autoFix": true
  }
],
Nach dem Login kopieren

eslint.autoFixOnSave wird zum automatischen Formatieren beim Speichern verwendet, unterstützt jedoch standardmäßig nur javascript .js Datei. eslint.autoFixOnSave 用来进行保存时自动格式化,但是默认只支持 javascript .js 文件。

eslint.validate

eslint.validate wird verwendet, um den verwendeten Dateityp zu konfigurieren.

Wenn Sie den Code dann speichern, wird er automatisch im Eslint-Stil formatiert (er muss mehrmals gespeichert werden).

2. Einrückung des HTML-Formatierungscodes

Plugin erforderlich: Vetur


Vetur ist ein sehr leistungsstarkes Plug-in, das das Schreiben von Vue-Code in vs-Code stark unterstützt und auch die meisten Mainstream-Frontend-Entwicklungen unterstützt Skript. Einzelheiten finden Sie hier -> Vetur Document

Nach der Installation dieses Plug-Ins können Sie in den Einstellungen folgenden Inhalt sehen:


Damit der HTML-Code formatiert und eingerückt werden kann, Fügen Sie Folgendes hinzu:

"vetur.format.defaultFormatter.html": "prettier"
Nach dem Login kopieren

Dann verwenden Sie einfach die Tastenkombinationen zum Formatieren des Codes.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierkurse! !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Methode zum Formatieren von vscode-Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
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