Comment redémarrer le service dans vue (trois méthodes)

Vue est un framework de développement front-end moderne Afin de développer des applications de meilleure qualité et plus interactives, les développeurs Vue doivent généralement démarrer et arrêter les services plusieurs fois. Dans cet article, nous expliquerons comment redémarrer le service Vue.

Il existe plusieurs façons de redémarrer le service Vue. Jetons un coup d'œil ci-dessous.

Méthode 1 : Ctrl + C pour arrêter le service, puis entrez npm run serve

Lorsque nous exécutons l'application Vue dans le terminal, nous pouvons arrêter le service en appuyant sur la combinaison de touches Ctrl + C. Bien entendu, on peut également redémarrer le service sur le terminal en entrant la commande "npm run serve". À ce stade, nous pouvons voir l’application se charger et démarrer. Mais il convient de noter que cette méthode ne s'applique qu'au mode développement et que le mode production nécessite d'autres méthodes de traitement.

Méthode 2 : Utiliser le package de rechargement en temps réel npm

Le package de rechargement en temps réel npm est un outil qui actualise automatiquement le navigateur. Il est très approprié pour les tests automatisés et le développement en temps réel dans le développement front-end. Afin d'utiliser le rechargement en direct des packages npm, nous devons d'abord l'installer. Nous pouvons installer le package npm live reload en exécutant la commande suivante :

npm install --save-dev chokidar-cli

Ensuite, ajoutez ce qui suit à notre script :

"scripts": {
    "serve": "vue-cli-service serve",
    "watch": "chokidar \"src\" --ignore \"src/**/*.scss\" --ignore \"src/**/*.less\" --command \"npm run serve\""
}

Après cette configuration, avant d'exécuter l'application, nous pouvons dans une autre fenêtre de terminal exécuter le "npm run watch " commande. De cette façon, le service surveillera vos fichiers sources et redémarrera automatiquement l'application si des modifications sont détectées.

Méthode 3 : Utiliser PM2

PM2 est un outil de gestion de processus qui nous offre diverses fonctions, notamment la surveillance, le redémarrage et les mises à niveau fluides. Il est idéal pour rendre les services opérationnels dans des environnements de production. Afin d'installer et d'utiliser PM2, nous devons d'abord l'installer. Nous pouvons installer PM2 en exécutant la commande suivante :

npm install -g pm2

Ensuite, ajoutez ce qui suit dans notre script :

"scripts": {
    "start": "pm2 start npm --name \"VueApp\" -- start",
    "restart": "pm2 restart VueApp",
    "stop": "pm2 stop VueApp"
}

Après cette configuration, nous pouvons exécuter la commande « npm run start » pour démarrer le service. Si vous devez redémarrer le service, vous pouvez utiliser la commande "npm run restart". Pour arrêter le service, nous pouvons arrêter le processus à l'aide de la commande « npm run stop ».

Résumé

Cet article présente trois méthodes différentes pour redémarrer le service Vue. Quelle que soit la méthode que vous utilisez, nos applications sont garanties de rester en ligne une fois mises à jour. Espérons que ces méthodes vous aideront à mieux gérer et maintenir vos applications Vue.

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!