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

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.

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 :

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

1.2 Installer Node.js

Démarrez l'interface d'installation

Instructions d'autorisation de licence

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

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

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

Processus d'installation

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.

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

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é.

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

.

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

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.

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 :

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 :

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

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

npm install -g

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.

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