Unterstützt VSCode Vue, ohne Erweiterungen hinzuzufügen?

Ich habe scheinbar Syntax Hervorhebung in VS-Code, ohne die Installation bestimmter Vue-Erweiterungen (in der Tat, wenn ich code --disable-extensions ausführen). Aber von dem, was ich around the web/Freunde gesehen habe, ist eine Vue-Erweiterung erforderlich, da VS-Code Vue nicht sofort unterstützt.Unterstützt VSCode Vue, ohne Erweiterungen hinzuzufügen?

Unterstützt es Vue oder nicht? Ich habe die Release Notes der letzten Monate überprüft, habe dort nichts Vue gefunden. Und wenn es Vue unterstützt, warum gibt es dann ein paar Vue-Erweiterungen, die Syntax-Highlighting bieten?

Quelle

2017-02-20 ripper234

Haftungsausschluss: Ehemaliger VSCode intern. Die Arbeit an vetur, eine VSCode Erweiterung für vue:

Kurze Antwort: Nein.

Lange Antwort:

VSCode wurde verwenden ihre HTML-Erweiterung für Vue SFC. Das funktioniert gut mit html/css/js, aber nicht mit mug/sass/scss/less/stylus/typescript/coffee.

Mit "funktioniert gut", meine ich VSCode hat korrekte Syntax Hervorhebung, einige IntelliSense, Formatierer und Fehlerprüfung für html/css/js.

VSCode hat nicht die Absicht, vue-spezifische Unterstützung in seiner html-Erweiterung, wie scss-Unterstützung, etc. hinzuzufügen. Also begann ich an der Vetur zu arbeiten. Ursprünglich wollte ich nur eine bessere Syntax-Hervorhebung, aber jetzt habe ich die Grammatik der Vue-Komponente überarbeitet und die HTML-Erweiterung von VSCode zur Unterstützung von vue portiert, so dass Sie Syntax-Highlighting, IntelliSense, Fehlerprüfung und Formatierung erhalten.Hier

ist eine Liste der implementierten Features:

Grund IntelliSense für HTML/CSS/SCSS/weniger/js
Fusseln für css/SCSS/weniger/js
Syntax für die Hervorhebung:
- html/Jade/pug
- css/sass/SCSS/weniger/Stift
- js/ts
Embedded Schnipsel Unterstützung
- Verwenden vue Schnipsel außerhalb aller Regionen
- verwenden, um jeden Schnipsel Sprache innerhalb seiner Region
Emmet für HTML/CSS/sass/SCSS/weniger

Quelle

2017-02-21 00:53:22 octref

Hallo, Vielen Dank für die Vetur. Ich kann das aus irgendeinem Grund nicht machen. Anscheinend hat niemand anderes dieses Problem; also muss ich etwas Offensichtliches vermissen. Dies ist, was ich getan habe: 1. installierte vetur, 2. heruntergeladene veturpack, 3. lief Garn und Garn dev von innen veturpack Ordner. 4. geöffneter Ordner in VS-Code. Nichts funktioniert. Ich habe auch versucht mit einer jsconfig.json Datei hinzufügen 'schließen„ [“./client/**/*“] 'Habe das gleiche in TSconfig auch Können Sie mir sagen, was ich falsch mache Nochmals vielen Dank.?. –

hinzuzufügen vergessen:.. VS-Code 0.13.1, vetur 0.9.0, 8.1.3 Knoten Windows 10. vetur ist die einzige installierte Erweiterung –

Egal das Problem war sehr einfach ich früher hatte meine .vue Dateien konfiguriert. als html gelesen werden, musste nur die Sprache in vue ändern. –

Vue ist nur eine Javascript-Bibliothek, ja, Sie können Vue-Code in VSCode bearbeiten. Allerdings gibt es Dinge wie "Single File Components", die Vue viel einfacher machen. VSCode kann auch .vue-Dateien bearbeiten, aber um solche zu verarbeiten, benötigen Sie etwas wie Webpack oder Browserify, um sie in browserfreundlichen Code zu verarbeiten.

Quelle

2017-02-20 18:25:02 PatrickSteele

Unterstützt VSCode Vue, ohne Erweiterungen hinzuzufügen?

Antwort

Verwandte Themen