Ecrivez votre code à la vitesse de l’éclair !

MODULE 1. BONUS 2

Boîte à outils

La licence Sublime Text 2 coûte seulement 70$ (achetez une licence).

Vous pouvez essayer le logiciel avec toutes ses fonctionnalités sans limite de durée.

Voici plusieurs liens pour installer et configurer Sublime Text 2 :

Pour installer un nouveau Package :

  • Allez dans le menu Preferences puis Package Control.
  • Cliquez sur Install Package. Patientez quelques secondes…
  • Dans la nouvelle fenêtre, écrivez le nom du package à installer.
  • Appuyez sur entrée, patientez quelques secondes…
  • Redémarrez Sublime Text 2.
  • Votre nouveau package est installé et fonctionnel.

Voici la liste des Packages (ou Plugins) utilisés dans cet environnement de développement :

  • ActionScript 3 et Flex : écrit et compile du code ActionScript 3.
  • Alignement : aligne le code proprement (quelque soit le langage).
  • Color Highlighter : affiche les couleurs CSS dans le code source en highlight quand on les focus.
  • CSSlisible : réordonne proprement votre code CSS (ordre des déclarations, indentation) avec le raccourcis Ctrl + Alt + L.
  • Docblockr : écrit les blocs de commentaires en PHP, JavaScript, ActionScript…
  • Emmet : complète les balises HTML, JavaScript, PHP… avec la touche Tab.
  • Haxe : écrit et compile du code haXe.
  • PHP Syntax Checker : vérifie la syntaxe de votre code PHP.
  • Tag : complète les balises de code HTML et XML.

Voici la liste des raccourcis utiles :

  • Clic molette : sur la droite dans le listing du code source pour une navigation rapide dans le fichier.
  • Ctrl + Shift + P : affiches tous les raccourcis disponibles.
  • Ctrl + P : ouvre un fichier de votre projet.
  • Ctrl + R : Accès direct à une méthode d’une classe.
  • Ctrl + G : accès au numéro de ligne.
  • Ctrl + Shift + D : duplique une ligne.
  • Ctrl + Shift + F : recherche dans les fichiers du projet.
  • Ctrl + H : remplace du texte par un autre.
  • Ctrl + X : supprime la ligne.
  • Ctrl + D : sélectionne l’occurrence identique suivante, pratique plusieurs éléments d’un seul coup.
  • Alt + F3 : sélectionne toutes les occurrences (génial !).
  • Ctrl + Shift + M : sélectionne tout le code entre les parenthèses/accolades.
  • Ctrl + PageUp/PageDown : déplacement dans les différents onglets.
  • Ctrl + Shift + T : réouvre le dernier onglet fermé.
  • Ctrl + F2 : ajoute un signet.
  • F2 : aller au signet suivant.
  • Ctrl + KU : metsle texte sélectionné en majuscules.
  • Ctrl + KL : mets le texte sélectionné en minuscules.
  • F9 : trie par ordre alphabétique.

Consultez la documentation non officielle de Sublime Text.

Et voici plusieurs tutoriels vidéo (en anglais) pour mieux appréhender Sublime Text 2.

Mise en pratique

Vous pouvez télécharger le projet Flash utilisé pendant le cours.

Le fichier zip contient les éléments suivants :

  • Le projet « exemple » pour créer des fichiers swf.
  • Le fichier build-config.xml pour compiler votre fichier swf.
  • Le fichier ActionScript3.sublime-build pour ajouter la compilation ActionScript à Sublime Text 2.
  • Pour MAC, utilisez encoding : Mac Roman dans le fichier ActionScript3.sublime-build (pour Windows, c’est encoding :  cp1252).

Downloads

  • Exemple d'Application Flash avec Sublime Text 2
    Exemple d'Application Flash avec Sublime Text 2

    Téléchargez l’exemple complet et commenté de la formation Flash.
    Le fichier zip contient le code source de l’application, les fichiers .as, swf et les fichiers de configuration de Sublime Text 2 (build-config.xml et ActionScript3.sublime-build).

Downloads

Une question sur ce cours ?

Posez-là dans les commentaires ci-dessous.