Quels plug-ins vue sont utilisés dans vscode ?

Les plug-ins de développement Vue incluent : 1. "Vetur", utilisé pour la coloration syntaxique, la détection intelligente, etc. ; 2. "EsLint", utilisé pour la correction des erreurs de syntaxe ; 3. "Path Intellisense", utilisé pour la complétion automatique du chemin ; ; 4 , « Prise en charge HTML CSS » ; 5. « Embellir », etc.

L'environnement d'exploitation de ce tutoriel : système windows7, vue2.9.6&&Visual Studio Code version 1.62.3, ordinateur DELL G3.

Plug-ins de développement de vue commune VSCode

Un plug-in incontournable :

(1) Vetur - coloration syntaxique, perception intelligente, Emmet, etc.

(2) EsLint - grammaire correction. Paramètres des touches de raccourci : Fichier-> Préférences-> Raccourcis clavier-> Rechercher "fix" -> Modifier le raccourci "ESLint : Résoudre tous les problèmes auto-réparables" en "ctrl+alt+l" clés)

(3) Balise de fermeture automatique - ferme automatiquement les balises HTML/XML

(4) Balise de renommage automatique - termine automatiquement la modification synchrone de la balise de l'autre côté)

(5) Extraits de code JavaScript (ES6) - Invites intelligentes de la syntaxe ES6 et saisie rapide, en plus de js, ​​il prend également en charge .ts, .jsx, .tsx, .html, .vue, ce qui permet de gagner du temps lors de sa configuration pour prendre en charge divers fichiers contenant du code js

( 6) Extraits de code jQuery - Invites intelligentes du code jQuery

(7) Path Intellisense - achèvement automatique du chemin

(8) Prise en charge HTML CSS - laissez la balise html écrire la classe pour inviter intelligemment les styles pris en charge par le projet actuel

( 9 ) ouvrez dans le navigateur - faites un clic droit sur le projet pour démarrer

Deux plug-ins facultatifs :

(1) Markdown Preview Enhanced - prévisualisez le markdown en temps réel, un must pour les utilisateurs de markdown

(2) markdownlint - markdown Correction de la syntaxe

(3) Beautify - format

(4) GitLens - journaux git faciles à visualiser, un must pour les utilisateurs de git

(5) Angular 5 Snippets - Astuces de syntaxe intelligente angulaire

(6) Live Server —— Après l'installation, vous pouvez ouvrir un simple serveur. Et il se mettra à jour automatiquement. Ouvrez le dossier du projet, puis cliquez avec le bouton droit sur le fichier et une option Ouvrir avec Live Server apparaîtra, qui ouvrira automatiquement le navigateur. Le numéro de port par défaut est 5500

(7) Plus joli - Format

Plus de connaissances connexes sur VSCode. , veuillez visiter : tutoriel vscode ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!