Vue-Vorlagenkonfiguration und Webstorm-Codeformatspezifikationseinstellungen

1. Einstellungen für die Spezifikation des Compiler-Codeformats

Wenn wir Code schreiben, beträgt die Codeeinrückung normalerweise 4 Leerzeichen. Im Front-End wird jedoch gemäß der globalen Abstimmungsstatistik empfohlen, 2 Leerzeichen für die Codeeinrückung zu verwenden.

Öffnen Sie zunächst die Einstellungen in webstorm . Wenn Sie mac verwenden, gehen Sie mit command + , zu Editor-->Code Style-->HTML und ändern Sie die Werte für Tab size und Indent auf 2. Ändern Sie sie in JavaScript auf die gleiche Weise auf 2.

2. Vue-Vorlagenkonfiguration

Wenn wir html zum Üben vue verwenden und nicht jedes Mal ein vue Instanzobjekt erstellen möchten, können wir eine Vorlage in html konfigurieren und das vue -Tag direkt verwenden, um den Code direkt einzuführen.

Wir öffnen die Einstellungen in webstorm , gehen zu Editor-->Live Templates , wählen vue aus und klicken auf das +

Wählen Sie Live Template , schreiben Sie dann vue in Abbrevition und den Vorlagentextinhalt, der in Template text konfiguriert werden muss.

Klicken Sie abschließend auf der aktuellen Seite dort, wo ein ! steht, auf Define

Überprüfen Sie dann HTML und klicken Sie zum Abschließen auf ok .

Um den endgültigen Effekt zu erzielen, geben wir vue direkt in HTML ein, drücken dann tab und sehen sofort den Vorlagencode, den wir gerade konfiguriert haben.

Dies ist das Ende dieses Artikels über die Konfiguration vue -Vorlagen und die Einstellungen für webstorm -Codeformatspezifikation. Weitere verwandte vue webstorm -Inhalte finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!