Maison  >  Article  >  outils de développement  >  Comment démarrer Vue dans Webstorm

Comment démarrer Vue dans Webstorm

下次还敢
下次还敢original
2024-04-08 15:36:141167parcourir

Démarrer un projet Vue à l'aide de WebStorm ne nécessite que 4 étapes : installez Vue CLI, créez le projet sur la ligne de commande, ouvrez le projet dans WebStorm, puis exécutez "vue-cli-service serve". Ensuite, le projet sera lancé sur le port par défaut (généralement 8080) et vous pourrez y accéder dans votre navigateur.

Comment démarrer Vue dans Webstorm

Comment démarrer un projet Vue dans WebStorm

Pour utiliser WebStorm pour démarrer un projet Vue, procédez comme suit :

  1. Installez Vue CLI
  • Utilisez la commande suivante pour installez V globalement via npm ue CLI :

    <code>npm install -g @vue/cli</code>
  1. Créez un projet Vue
  • Accédez au répertoire cible dans lequel vous souhaitez créer le projet et exécutez la commande suivante :

    <code>vue create 项目名</code>
  1. Ouvrez le projet dans WebStorm
  • Ouvrez WebStorm, puis cliquez sur Fichier > Ouvrir et sélectionnez le dossier de votre projet Vue.
  1. Démarrez le projet
  • Dans le menu du projet de WebStorm, cliquez sur Exécuter > Exécuter.
  • Sélectionnez « vue-cli-service serve » et cliquez sur « Exécuter ».
  1. Access Project
  • Le projet sera lancé sur le port par défaut (généralement 8080). Vous pouvez accéder au projet en saisissant l'URL suivante dans votre navigateur :

    <code>http://localhost:8080</code>

Conseil supplémentaire :

  • Vous pouvez arrêter le projet en ouvrant un terminal dans WebStorm et en exécutant la commande suivante :

    <code>npm run serve --close</code>
  • Vous peut configurer les numéros de port et d'autres paramètres dans Vue CLI. Pour plus d'informations, consultez la documentation Vue CLI.

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!

Déclaration:
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
Article précédent:Comment ouvrir WebstormArticle suivant:Comment ouvrir Webstorm