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 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!