Épisode Bonus : Installer et Utiliser — Tout Le Potentiel — de l’Éditeur de code Sublime Text

Nous avons bien reçu vos réponses. Merci. Vous recevrez une réponse personnalisée d’ici quelques jours.

Téléchargez Sublime Text

L’éditeur Sublime Text est payant MAIS vous pouvez l’utiliser gratuitement sans limite de durée.

La licence de Sublime Text représente un investissement de 99 dollars.

Vous pouvez donc essayer le logiciel avec toutes ses fonctionnalités.

Bien évidemment, si l’éditeur vous apporte beaucoup d’avantages, je vous recommande d’acquérir une licence 😉

Boîte à outils

Cliquez-ici pour installer manuellement (si vous préférez) Package Control.

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.

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.

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

Cliquez ici pour consulter la documentation non officielle de Sublime Text.

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

Cliquez ici pour télécharger un Exemple d’Application Flash avec Sublime Text

Il s’agit de 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).

Cliquez ici pour télécharger le livret de formation complémentaire (au format pdf)

Découvrez un autre éditeur de code remarquable pour accélérer votre efficacité dans votre langage de Programmation.

Une question sur ce cours ?