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

Comment démarrer Vue dans Webstorm

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

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>
    Copier après la connexion
  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>
    Copier après la connexion
  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>
    Copier après la connexion

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>
    Copier après la connexion
  • 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!

É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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal