Méthode d'exécution de WebStorm

Méthodes d'exécution dans WebStorm

WebStorm offre plusieurs façons d'exécuter votre code, en fonction du type de projet et de vos besoins spécifiques. Pour les fichiers JavaScript simples, vous pouvez utiliser les configurations d'exécution / débogage intégrées. Pour les projets plus grands, en particulier ceux qui utilisent des cadres comme React, Angular ou Vue, WebStorm s'intègre parfaitement à leurs outils de construction et à leurs temps de construction respectifs. Les méthodes les plus courantes incluent l'utilisation des configurations d'exécution / débogage intégrées (expliquées plus loin dans la section suivante), l'utilisation de scripts NPM (pour les projets Node.js) et l'utilisation de commandes de terminal intégrées pour des scénarios plus avancés. Le choix dépend en grande partie de la configuration de votre projet et de vos préférences personnelles. Par exemple, si vous avez un fichier HTML simple faisant référence à un fichier JavaScript, vous pouvez exécuter le fichier HTML dans un navigateur directement à partir de WebStorm, qui exécutera automatiquement le JavaScript lié. Pour des applications plus complexes, la mise à jour de la configuration d'exécution intégrée du projet (souvent détectée automatiquement par WebStorm) est généralement l'approche la plus efficace.

exécutant un fichier JavaScript simple dans WebStor

Pour exécuter un fichier JavaScript simple dans le webstorme, suivez ces étapes:

1. Fichier dans le projet WebStorm.
2. Créez une configuration d'exécution / de débogage: Si vous ne l'avez pas déjà fait, vous devrez créer une configuration d'exécution. Cliquez sur le menu "Exécuter", puis "Modifier les configurations ...". Dans la fenêtre qui apparaît, cliquez sur le bouton "" et sélectionnez "JavaScript Debug" ou "node.js".
3. Configurer la configuration de run / débogage: pour "Javascript Debug" (par exemple, via Node.js). Pour "Node.js", vous spécifiez le chemin d'accès à votre fichier JavaScript. Vous pouvez également définir des points d'arrêt dans votre code à des fins de débogage.
4. Exécutez le bouton Configuration: Cliquez sur le bouton vert "Play" à côté du nom de configuration (ou sélectionnez "Exécuter" dans le menu contextuel) pour exécuter votre fichier javascript. WebStorm ouvrira le navigateur (le cas échéant) ou affichera la sortie dans la fenêtre d'outil d'exécution. Si vous avez défini des points d'arrêt, l'exécution s'arrêtera à ces points, vous permettant d'inspecter les variables et de parcourir votre code.

Les options de débogage dans WebStor

WebStorm fournit un ensemble complet d'options de débogage:

• Points d'arrêt: Définissez les points d'arrêt dans votre code en cliquant dans le gouttière à côté des numéros de ligne. L'exécution s'arrêtera à des points d'arrêt, vous permettant d'inspecter les variables, de parcourir le code et d'évaluer les expressions.
• Stepping: Utiliser les commandes de trempage (passez, passez, parcourez) pour naviguer dans votre code pendant le débogage. Exécution.
• Inspection des variables: Inspectez les valeurs des variables dans la fenêtre des variables.
• Évaluer l'expression: Évaluer les expressions arbitraires à l'exécution.
• La pile d'appel: Voir la pile d'appel pour tracer l'exécution de l'exécution PATH.
• Console: Utilisez la console pour imprimer des messages et interagir avec votre code pendant le débogage.
• Débogage à distance: Applications de débogage exécutées sur un serveur distant (comme décrit dans la section suivante).
• Débuggging Javascript: webstorm propose un débougage puissant, le débougage des Javascript:
WEBSTORMATION POUVOIL y compris la prise en charge de la carte source pour le code minifié et le débogage dans le navigateur à l'aide de l'intégration Chrome Devtools.
• exécutant un projet sur un serveur distant directement à partir de WebStor

Oui, WebStorme vous permet de déployer et d'exécuter votre projet sur un serveur distant directement à partir de l'IDE. Cela implique généralement de configurer une configuration de déploiement:

Configurer le déploiement:

Accédez à "Tools" - & gt; "Déploiement" - & gt; "Configuration...". Ajoutez une nouvelle configuration de serveur, en spécifiant les détails de la connexion (hôte, nom d'utilisateur, mot de passe, port et chemin). Vous devrez peut-être utiliser SSH ou d'autres protocoles en fonction de la configuration de votre serveur. Vous devrez également spécifier les chemins locaux et distants de votre projet.
1. Télécharger des fichiers:
Après avoir configuré le déploiement, vous pouvez télécharger vos fichiers de projet sur le serveur distant à l'aide de l'option "Télécharger vers ..." dans le menu de contexte de déploiement. fait localement. Au lieu de cela, vous utilisez généralement les capacités du serveur distant pour démarrer l'application. Cela implique souvent l'exécution de commandes via SSH ou l'utilisation d'une configuration de débogage à distance. Par exemple, vous pouvez utiliser un terminal SSH dans WebStorm pour démarrer votre application sur le serveur distant, puis vous connecter à lui à l'aide de débogage à distance. Le processus spécifique dépend de votre environnement d'application et de serveur. Vous devrez configurer les paramètres d'exécution / débogage appropriés pour vous connecter à votre application à distance en cours d'exécution. Cela implique souvent de spécifier l'hôte et le port à distance pour le débogage.

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!