Comment créer un nouveau projet vue.js dans webstorm

Comment créer un nouveau projet vue.js dans webstorm : installez d'abord git et remplissez l'adresse appropriée ; puis remplissez le nom du projet, puis sélectionnez [package.json], faites un clic droit et sélectionnez show npm ; scripts ; enfin, sélectionnez dev et double-cliquez pour tester .

L'environnement d'exploitation de ce tutoriel : système windows7, version webstorm2020.3&&Vue2.9.6 Cette méthode convient à toutes les marques d'ordinateurs.

[Articles connexes recommandés : vue.js]

Comment créer un nouveau projet vue.js dans webstorm :

1. Si vous souhaitez utiliser WebStorm pour créer un projet, vous devez installer git. L'installation est très simple, il suffit de le télécharger et de l'installer depuis le site officiel, sinon il risque de ne pas être installé

2. Le rouge est la nouvelle commande, le vert est l'adresse node.js (elle sera automatiquement trouvée après installation, pas besoin de modifier), le bleu est l'adresse du package vue.js (il sera trouvé automatiquement après l'installation, pas besoin de modifier), le jaune est le module de packaging utilisé pour le packaging (la valeur par défaut suffit, aucune modification n'est requise )

Remarque : Le chemin de stockage du projet doit être cohérent avec le disque système sur lequel l'outil webstorm est installé. Par exemple, si vous avez installé l'outil webstorm sous le lecteur D plus tôt. , alors le chemin ici doit être le chemin sous le lecteur D au lieu du lecteur C par défaut

3. Remplissez le nom du projet. Notez que le nom du projet ne peut pas contenir de lettres majuscules.

Continuez simplement à cliquer sur l'étape suivante

4. Sélectionnez package.json, faites un clic droit et sélectionnez afficher les scripts npm

5. Sélectionnez dev et double-cliquez pour tester. Après une ouverture réussie, le port par défaut apparaîtra. Cliquez sur l'adresse pour l'ouvrir directement, ou copiez et collez l'adresse dans le navigateur pour l'ouvrir. Si la page suivante apparaît, c'est réussi. Un tel projet vue a été créé avec succès

Recommandations d'apprentissage associées : Tutoriel vidéo js

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!