le MEMO du WEB développeur
••• Divers •••  Liste des Mémos, astuces et bonnes pratiques

Etapes pour Installer Sencha Touch

Aller sur le site de Sencha Touch et télécharger le package.

Télécharger Sencha SDK Tools qui va nous permettre de faire tourner le projet dans sencha Touch

Le SDK va nous génèrer l'arborescence de notre projet

Installer le sdk et lancer en ligne de commande (cmd) o l'aide de cd, cd.. et dir aller sur le répertoire ou l'on a téléchargé (1er téléchargement) Sencha Touch

Puis ligne de commande : (+ d'infos)

sencha app create nom_de_lappli ../Rep_de_lappli

Ici nom_de_lappli s'appelle MonAppli

et Rep_de_lappli s'appelle AppSencha et va être créé au même niveau que le répertoire Sencha Touch
C:\www\sencha-touch>sencha app create MonAppli ../AppSencha
[INFO] Created file C:\www\AppSencha\.senchasdk
[INFO] Created file C:\www\AppSencha\index.html
[INFO] Created file C:\www\AppSencha\app.js
[INFO] Created file C:\www\AppSencha\packager.json
[INFO] Created file C:\www\AppSencha\app.json
[INFO] Created file C:\www\AppSencha\app\view\Main.js
[INFO] Copied dir: C:\www\AppSencha\sdk\src
[INFO] Copied dir: C:\www\AppSencha\sdk\resources
[INFO] Copied dir: C:\www\AppSencha\resources\icons
[INFO] Copied dir: C:\www\AppSencha\resources\loading
[INFO] Copied dir: C:\www\AppSencha\resources\startup
[INFO] Copied dir: C:\www\AppSencha\sdk\command
[INFO] Copied file: C:\www\AppSencha\sdk\microloader\development.js
[INFO] Copied file: C:\www\AppSencha\sdk\microloader\testing.js
[INFO] Copied file: C:\www\AppSencha\sdk\microloader\production.js
[INFO] Copied file: C:\www\AppSencha\sdk\version.txt
[INFO] Copied file: C:\www\AppSencha\sdk\sencha-touch.js
[INFO] Copied file: C:\www\AppSencha\sdk\sencha-touch-all.js
[INFO] Created file C:\www\AppSencha\resources\sass\app.scss
[INFO] Created file C:\www\AppSencha\resources\sass\config.rb
[INFO] Copied file: C:\www\AppSencha\resources\css\app.css

C:\www\sencha-touch>

Dans le répertoire AppSencha, le projet MonAppli va être automatiquement déployé avec les répertoires app , ressources et sdk, ainsi que les fichiers .senchasdk, app.js app.json index.html et packager.json

 

Une appli de démo est chargée par défaut.

Refaire la manip en ligne de commande chaque fois qu'on veut créer une nouvelle application.

L'application de démo est visible telle quelle sur son navigateur.

 

Pour une utilisation locale, il suffit de reprendre les  sencha-touch.js et le fichier resources dans le package Sencha Touch.

publié le 20/09/2012 par Memo Web
Commenter le Mémo :

Rediriger index.php à la racine du site avec le fichier .htaccess
Récupérer dans un tableau, les page d'un site indexées par Google
Familles de polices avec un largeur de lettres fixe
Rediriger un nom de domaine Gandi vers un hébergement 1&1
Les erreurs du .htaccess
Tutoriel pour afficher et localiser une adresse sur Google Map
Configurer l'encodage UTF-8 d'une base de données et des fichiers d'un site Internet
Script pour jongler avec les octets - Convertir octet / ko / Mo / Go
Afficher une carte Google Map sur son site Internet avec PHP / Javascript
Bug quand répertoire .android est dans un sous répertoire avec caractère accentué
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos