Maison interface Web js tutoriel Environnement de développement pour l'installation et le déploiement d'Egret sous Windows system_node.js

Environnement de développement pour l'installation et le déploiement d'Egret sous Windows system_node.js

May 16, 2016 pm 04:40 PM
安装 开发环境

Le logiciel qui doit être installé est le suivant :

Node.js
TypeScript
Éditeur de code TypeScript
Serveur HTTP (facultatif)
Chrome (facultatif)
Aigrette
Dans ce document, nous présentons principalement l'installation d'Egret dans un environnement Windows. Les étapes d'installation sont les suivantes.

1. Installer Node.js

1.1 Télécharger Node.js

La méthode d'installation de Node.js est très simple. Nous pouvons visiter le site officiel de Node.js, puis cliquer sur le bouton INSTALLER sur la page pour télécharger directement le package de fichiers d'installation msi de Node.js.

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js

Au moment de la rédaction de ce tutoriel, la version de Node.js était 0.10.29. Si votre version est supérieure à cette version, nous vous fournirons des instructions de compatibilité de version pertinentes. Si aucune instruction de compatibilité de version n'est fournie, cela signifie que votre version est adaptée à Egret.
Double-cliquez sur le package d'installation msi et nous commençons à installer Node.js. Le processus d'installation est comme indiqué sur la figure :

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Pack d'installation Node.js téléchargé

1.2 Installer Node.js

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Démarrez l'interface d'installation

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Instructions d'autorisation de licence

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Sélectionnez le répertoire d'installation, on garde les options par défaut

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Sélectionnez le contenu de l'installation et nous installerons tous les packages d'outils

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Confirmez l'installation et cliquez sur le bouton "Installer"

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Processus d'installation

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Dans l'interface de fin d'installation, votre Node.js est installé dans le répertoire C:Program Filesnodejs. En même temps, le package d'installation installera également l'outil npm pour vous.

1.3 Vérification Node.js

Une fois l'installation terminée, veuillez démarrer votre outil de ligne de commande et entrez la commande node -v pour vérifier votre version actuelle de Node.js et vérifier si votre Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js est installé avec succès. S'il est installé correctement, l'effet devrait apparaître comme indiqué ci-dessous.

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Entrez cmd dans Démarrer -> Rechercher pour exécuter l'outil de ligne de commande.

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Si node n'est pas une commande interne ou externe, ni un programme exploitable ou un fichier batch, cela signifie que l'installation a échoué. Vous pouvez vous référer à la solution d'échec d'installation de Node.js ci-dessous ou demander de l'aide à notre communauté de développeurs.

1.4 npm vérifié

Exécutez npm dans l'outil de ligne de commande et l'image suivante apparaîtra, indiquant que votre npm est correctement installé.

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Si npm n'est pas une commande interne ou externe, ni un programme exploitable ou un fichier batch, cela signifie que l'installation a échoué. Vous pouvez vous référer à la solution d'échec d'installation de Node.js ci-dessous ou demander de l'aide à notre communauté de développeurs.

Solution d'échec d'installation 1.5Node.js

Une fois certaines installations de Windows terminées, si vous entrez directement node et npm dans cmd, vous serez peut-être invité à indiquer que la commande est introuvable. En effet, le chemin nouvellement ajouté doit être redémarré pour prendre effet. Redémarrez ou utilisez le chemin absolu de node et npm pour exécuter la commande.

2. Installer TypeScript

2.1 Installer TypeScript

Lorsque node.js est installé avec succès, les commandes node et npm peuvent être utilisées. TypeScript peut être installé directement à l'aide de la commande npm. Pour les méthodes d'installation détaillées, veuillez vous référer au site officiel de TypeScript.

Entrez la commande suivante dans le terminal : npm install -g typescript

La commande npm install est utilisée pour installer la bibliothèque Node.js spécifiée dans le système du développeur. Le nom de la bibliothèque -g signifie installer cette bibliothèque sur le chemin global

.

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install
Si la vitesse d'installation est très lente en raison de problèmes de réseau, veuillez utiliser la commande npm install -g typescript --registry=http://r.cnpmjs.org pour accéder à la version miroir nationale pour l'installation.

2.2 TypeScript de vérification

Après une installation réussie, exécutez la commande tsc et vous devriez voir l'interface suivante

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

3. Installer l'éditeur de code TypeScript

3.1 Choisissez un éditeur de code adapté

Egret peut être utilisé avec n'importe quel éditeur de code prenant en charge les langages de script, notamment :

Adresse officielle de téléchargement de WebStorm [recommandation officielle]
Plugin TypeScript Microsoft Visual Studio 2012
Plugin Sublime Text TypeScript
Pour connaître les méthodes d'installation détaillées de l'éditeur et les méthodes de configuration des plug-ins, veuillez vous référer aux chapitres relatifs aux outils dans le document.

4. Installer un serveur HTTP

4.1 Choisissez un serveur HTTP adapté

Il est recommandé aux utilisateurs Windows d'utiliser XMAPP

Les utilisateurs peuvent également ignorer cette étape et utiliser le serveur HTTP simple intégré d'Egret basé sur Node.js. Cependant, afin de garantir une meilleure expérience de développement, Egret recommande aux utilisateurs d'installer le serveur HTTP plus mature mentionné ci-dessus

Pour l'installation d'un logiciel serveur spécifique, vous pouvez vous référer aux chapitres relatifs aux outils dans le document.

5. Installez le navigateur Chrome

Egret peut fonctionner sur la plupart des navigateurs modernes, mais Egret recommande actuellement aux développeurs d'utiliser Chrome comme principal environnement de développement et de débogage.

Ouvrez le navigateur Chrome
Paramètres->Outils->Console JavaScript
Dans la console JavaScript (coin inférieur droit) Paramètres (icône d'engrenage) -> Commun -> Désactiver le cache du navigateur
Une fois les paramètres ci-dessus définis, tant que la console JavaScript est ouverte, il n'y aura pas de cache du navigateur, ce qui facilite le débogage.

6. Téléchargez et installez Egret

6.1 Téléchargez Egret depuis le site officiel

Egret propose deux canaux de téléchargement, l'un est le téléchargement officiel d'Egret et l'autre est le téléchargement d'Egret Github.

Nous vous recommandons de le télécharger depuis le site officiel. La version ici est la version stable actuelle. Si vous téléchargez la version de développement du moteur depuis github, qui n'est pas une version stable, vous risquez de rencontrer de nombreux problèmes de développement réel, qui n'apparaissent généralement pas dans la version stable.

Nous ouvrons la page de téléchargement officielle, trouvons le projet de produit "Egret Engine", cliquons sur le bouton de téléchargement bleu et téléchargeons la dernière version du moteur Egret, comme indiqué sur l'image.

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

6.2 Installer Egret

Extraire le package compressé du moteur Egret téléchargé dans le répertoire spécifié, qui peut être un répertoire sur n'importe quel disque, comme indiqué dans la figure :

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Tapez la commande dans l'outil de ligne de commande pour accéder au répertoire décompressé. Puisque nous allons placer les fichiers décompressés dans le lecteur F:, nous entrons d'abord dans le lecteur F et la commande est la suivante :

f :

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Ensuite, nous entrons dans le répertoire correspondant, comme le montre la figure

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Après avoir entré ce répertoire, nous exécutons la commande d'installation.

npm install -g

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Si la commande d'installation est erronée, veuillez vérifier les trois éléments suivants pour voir s'ils sont corrects.
Le chemin actuel dans la commande est-il correct ?
Si le répertoire courant est le répertoire Egret (il y a un fichier nommé package.json dans ce répertoire)
Vérifiez si l'utilisateur actuel du système dispose des droits d'administrateur. Ce problème peut survenir si Egret est décompressé sur le lecteur C.

6.3Vérification de l'outil Egret

Une fois l'installation terminée, nous exécutons la commande egret pour vérifier si l'Egret actuelle est installée avec succès. Si l'installation réussit, elle devrait apparaître comme indiqué ci-dessous.

Environnement de développement pour linstallation et le déploiement dEgret sous Windows system_node.js install

Si l'installation échoue, veuillez demander l'aide de notre communauté de développeurs.

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

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Solution au problème selon lequel le pack de langue chinoise ne peut pas être installé sur le système Win11 Solution au problème selon lequel le pack de langue chinoise ne peut pas être installé sur le système Win11 Mar 09, 2024 am 09:48 AM

Solution au problème selon lequel le pack de langue chinoise ne peut pas être installé sur le système Win11

Impossible d'installer les ajouts d'invités dans VirtualBox Impossible d'installer les ajouts d'invités dans VirtualBox Mar 10, 2024 am 09:34 AM

Impossible d'installer les ajouts d'invités dans VirtualBox

Que dois-je faire si Baidu Netdisk est téléchargé avec succès mais ne peut pas être installé ? Que dois-je faire si Baidu Netdisk est téléchargé avec succès mais ne peut pas être installé ? Mar 13, 2024 pm 10:22 PM

Que dois-je faire si Baidu Netdisk est téléchargé avec succès mais ne peut pas être installé ?

Comment installer des applications Android sur Linux ? Comment installer des applications Android sur Linux ? Mar 19, 2024 am 11:15 AM

Comment installer des applications Android sur Linux ?

Mar 22, 2024 pm 04:40 PM

Comment installer Podman sur Ubuntu 24.04 Comment installer Podman sur Ubuntu 24.04 Mar 22, 2024 am 11:26 AM

Comment installer Podman sur Ubuntu 24.04

Comment installer solidworks2018-solidworks2018 tutoriel d'installation Comment installer solidworks2018-solidworks2018 tutoriel d'installation Mar 04, 2024 pm 09:00 PM

Comment installer solidworks2018-solidworks2018 tutoriel d'installation

Guide complet pour installer le service FTPS sur le système Linux Guide complet pour installer le service FTPS sur le système Linux Mar 19, 2024 am 11:39 AM

Guide complet pour installer le service FTPS sur le système Linux

See all articles