Maison > outils de développement > webstorm > le corps du texte

Comment exécuter du code vue dans webstorm

下次还敢
Libérer: 2024-04-08 15:27:14
original
1268 Les gens l'ont consulté

Il y a six étapes pour exécuter le code Vue via WebStorm : installer Vue CLI, créer un projet Vue, ouvrir le projet, configurer WebStorm, exécuter le code et prévisualiser l'application.

Comment exécuter du code vue dans webstorm

Comment exécuter le code Vue dans WebStorm

La méthode pour exécuter le code Vue à l'aide de WebStorm est la suivante :

1. Installer Vue CLI

  • Ouvrez un terminal ou une invite de commande.
  • Exécutez la commande suivante :
<code>npm install -g @vue/cli</code>
Copier après la connexion

2. Créez un projet Vue

  • Accédez au répertoire du nouveau projet.
  • Exécutez la commande suivante :
<code>vue create <project-name></code>
Copier après la connexion

3. Ouvrez le projet dans WebStorm

  • Ouvrez WebStorm.
  • Cliquez sur "Fichier" > "Ouvrir" et sélectionnez le répertoire du projet.

4. Configurer WebStorm

  • Dans WebStorm, cliquez sur Exécuter > Modifier la configuration.
  • Dans la boîte de dialogue « Configuration Exécuter/Déboguer », sélectionnez « Node.js ».
  • Dans le champ Script, saisissez la valeur suivante :
<code>node_modules/@vue/cli-service/bin/vue-cli-service.js</code>
Copier après la connexion
  • Dans le champ Paramètres, saisissez la valeur suivante :
<code>serve</code>
Copier après la connexion

5. Exécutez le code

  • Cliquez sur Exécuter dans la barre d'outils » (flèche verte icône).

6. Prévisualisez votre application

  • Le navigateur s'ouvrira, affichant l'application Vue en cours d'exécution.

Conseil :

  • Assurez-vous d'avoir installé les derniers Node.js et npm.
  • Si vous rencontrez des problèmes, essayez de redémarrer WebStorm.
  • Vous pouvez trouver plus d'informations sur le développement de Vue dans la documentation de WebStorm : https://www.jetbrains.com/webstorm/help/vuejs.html

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!