Préparez votre environnement de développement Javascript / ExtJS avec l’outil spket. Mettez en oeuvre la complétion de code et la coloration syntaxe de votre code ExtJS 4.
Prérequis
Connaissance HTML, javascript.
Objectifs
Préparer un environnement de développement pour ExtJS
Programme
Partie 1 : Installation Eclipse
Partie 2 : Préparation Eclipse pour plugin spket
Partie 3 : Installation plugin spket
Partie 4 : Configuration plugin spket
Partie 5 : Configuration lecture fichiers ‘.js’ par skpet
Partie 6 : création projet javascript
Partie 7 : création fichier js dans projet
Partie 8 : test complétion de code
Partie 9 : En cas d’erreur…
Durée
30min
Qui sommes-nous ?
Partie 1 : Installation Eclipse
Allez sur la page de téléchargement d’Eclipse : http://www.eclipse.org/downloads/.
Sélectionnez la dernière version d’Eclipse Entreprise (Eclipse JEE). Téléchargez puis dézippez.
Partie 2 : Préparation ExtJS 4.1 pour plugin spket
Pour l’installation de spket dans Eclipse vous aurez besoin du fichier sdk.jsb3 présent dans le répertoire build.
Ce fichier fait référence à tous les fichiers Javascript de ExtJS. Cependant les référence sont relatives à la racine de ExtJS et font en particulier mention du répertoire ‘src’.
Il faut donc déplacer ce fichier.
Copiez le fichier sdk.jsb3 présent dans le répertoire ‘build’…
…et mettez le à la racine d’ExtJS.
Partie 3 : Installation plugin spket dans Eclipse
INFO : si vous rencontrez une difficulté liée à un certificat , décochez ‘ExtJS Xerces plugin’ et recommencez.
Une fois le plugin installé, allez dans Windows/préférences.
Constatez la section Spket. Identifiez en particulier les ‘profils Javascript’
L’installation de Spket dans Eclipse est terminée. Reste à configurer…
Partie 4 : Configuration plugin spket dans Eclipse
Créez un nouveau ‘profil Javascript’ dans Spket (Bouton ‘New’.
Sélectionnez le profil créé. Cliquez sur le bouton ‘Add library’ qui va permettre de référencer les fichiers Javascripts asociés à ce profil.
Ajoutez comme ‘library’ le fichier ‘sdk.jsb3’ que nous avons positionné à la racine de ExtJS.
Cliquez sur OK.
Configuration Spket terminée. Reste à gérer l’edition dans Eclipse des fichiers javascript .js’ par Spket
Partie 5 : configuration edition fichiers ‘.js’
Partie 6 : création projet javascript
Partie 7 : création fichier js dans projet
Partie 8 : test complétion de code
BRAVO !
Partie 9 : en cas d’erreur / proplème
Demander conseil dans Forum ExtJS
En particulier, scruter d’éventuels patch (jar ExtJS plugin) dans Eclipse comme le jar version 1.6.22 évoqué en mai 2012.
