Laissez .vue être mis en évidence dans le nouveau modèle de Sublime Text

Cette fois, je vais vous présenter quelles sont les précautions pour mettre en évidence .vue dans un nouveau modèle Sublime Text. Ce qui suit est un cas pratique. Levez-vous et jetez un œil.

Cet article présente le nouveau modèle .vue de Sublime Text et ses points forts (tutoriel image et texte), partagez-le avec tout le monde et laissez une note pour vous-même.

Préparation

1. TéléchargerInstallerNouveau plug-in de modèle de fichier SublimeTmpl

2. Télécharger et installer le plug-in de coloration syntaxique Vue Vue Syntax Highlight

Il existe deux façons d'installer des plug-ins pour Sublime Text :

1. Utilisez la propre bibliothèque d'installation de Sublime Text Package Control pour installer

Cliquez sur Préférences -> Package Control dans la barre de menu ou utilisez la touche de raccourci CTRL+SHIFT+P pour ouvrir une fenêtre de terminal, entrez Installer et sélectionnez Package Control : Installer le package pour installer

2. Téléchargez directement dans le répertoire du package (Préférences / Parcourir les packages) Chinois : dossier (Préférences / Navigateur de packages)

1. SublimeTmpl

2. Point culminant de la syntaxe Vue

Créez un modèle .vue et activez la coloration syntaxique

Après avoir installé Vue Syntax Highlight, vous pouvez déjà mettre en évidence les fichiers au format .vue lorsque vous les ouvrez. Configurons maintenant les touches de raccourci pour créer directement des fichiers au format .vue.

SublimeTmpl n'a que 6 modèles de syntaxe par défaut :

1. html ctrl+alt+h

2. javascript ctrl+alt+j

3. css ctrl+alt+c

4. php ctrl+alt+p

5. ruby ctrl+alt+r

6. python ctrl+alt+maj+p

Nous ajoutons maintenant un nouveau modèle pour créer le format de vue

1. Créer un modèle de fichier vue

Ouvrez directement le dossier du package du plug-in Preferences -> Browse Packages

Préférences -> Parcourir les packages

Dossier du colis

Ouvrez le dossier modèles dans lequel les modèles sont stockés, copiez n'importe quel élément et renommez-le en vue.tmpl

Créez vue.tmplvue.tmpl et modifiez le contenu selon le modèle souhaité

contenu vue.tmpl

2. Modifiez le nouveau menu et ajoutez de nouvelles options de vue

Le nouveau menu de SublimeTmpl n'a pas de vue par défaut,

Nouveau -> Nouveau fichier (SublimeTmpl)

Cliquez sur l'option Menu ou ouvrez Préférences -> Paramètres du package -> SublimeTmpl -> Paramètres - Menu,

. Ouvrez l'élément de configuration du menu

Copiez un élément, puis collez-le et changez-le en vue item,

Article de vue ajouté

Après avoir enregistré les modifications, l'élément de vue

apparaîtra dans le nouveau menu. l'élément de vue

apparaît Cliquez sur le nouvel élément de vue dans l'image ci-dessus et le contenu du modèle précédemment défini apparaîtra, mais il n'y a pas de coloration syntaxique et il est au format texte brut

Créez un nouveau fichier vue

3. Mise en évidence de la syntaxe de la vue de liaison du modèle

Ouvrez Préférences -> Paramètres du package -> SublimeTmpl -> Paramètres par défaut,

Ouvrez l'élément des paramètres par défaut

Copiez un élément et modifiez-le en vue, le chemin est le suivant

Syntaxe de liaison vue

Pour le chemin du fichier associé à la syntaxe de liaison, veuillez vérifier le répertoire Sublime Text3DataCache, recherchez le nom du plug-in de syntaxe de mise en évidence de vue et ouvrez

Répertoire Sublime Text3DataCache

Sublime Text3DataCachevue-syntax-highlight

Créez à nouveau un nouveau menu vue et la syntaxe sera mise en évidence,

Créez un nouveau fichier vue

4. Liez la touche de raccourci pour créer un nouveau fichier vue

Ouvrir Préférences -> Paramètres du package -> SublimeTmpl -> Liaisons de touches - Par défaut,

Ouvrez le fichier de raccourci des paramètres

Copiez un élément, collez pour créer une nouvelle touche de raccourci vue est ctrl+alt+v,

Créer des touches de raccourci

Après sauvegarde, le nouveau menu sera également disponible,

Nouveau menu Fichier

Essayez-le, parfait !

Enfin

Preferences -> Package Settings -> SublimeTmpl -> Settings - Commands Le fichier semble être destiné à configurer les commandes, et la méthode de configuration est la même que ci-dessus, suivez simplement l'exemple d'un chat et d'un tigre~

Le dernier

De cette manière, d’autres modèles de langue peuvent également être créés par vous-même.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

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!