Tutoriel Vidéo Sublime Text 2 : Présentation Sublime Text 2

Dans ce tutoriel vous découvrirez un nouvel éditeur : Sublime Text 2. Sublime Text 2 est un éditeur qui commence à faire parler de lui grâce à sa simplicité et sa modularité.


Télécharger la vidéo
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

Créer un plugin sur Sublime Text 2

Créer un plugin sur Sublime Text 2
16m

Dans ce tutoriel vous découvrirez comment créer une extension pour...

Fetch Plugin

Fetch Plugin
6m

Dans ce tutoriel je vous propose de découvrir le plugin Fetch pour...

65 commentaires
Ajouter un commentaire

VulpesOne Il y a 14 jours Répondre

J'ai réussi à installer ZC pour sublime text 2 par contre, pas moyen de l'utiliser.
J'ai tapé ul>li*4 pour tester, mais en faisant Tab, rien ne se produit, ni alt+e.

Quel est est raccourci ? y'a-t-il une interférence avec un raccourci de ST2 ?

Merci par avance

stitox Il y a 5 jours - Répondre

Tu peux quand même utiliser la commande Ctrl+alt+entrer ça te permet de taper en zen coding

fred Il y a 30 jours Répondre

Bonjour, Tres bon tuto :-)
Comment faite vous pour multiplier par 3 cette ligne de commande? :" h3>li*3>a "

j'ai téléchargé "zen coding " mais cela ne fonctionne pas.

Il y a t'il d'autre plugin style zen coding?

Merci a +

galadiel Il y a 1 mois Répondre

Super éditeur !

J'ai essayé NetBean mais n'étant pas fan,j'utilisais NotePad++. Mais là je dois dire que celui-ci est très bien fait.

Je l'adopte tout de suite et le conseille vivement. Seul bémol, je trouve la version payante un peu chère ;-)

Lutall Il y a 1 mois Répondre

Il existe toujours SublimeTagmatcher ? Je ne le trouve pas sur le installer ..

rom07 Il y a 1 mois

Il a été remplacé par BracketHilighter.

cocochanel Il y a 29 jours - Répondre

Salut super comme éditeur, pour que je laisse Coda de coté c'est qu'il y'a du potentiel, cependant pour BracketHilighter. j'ai un soucis pour les petit tags il met une couleur pleine ce qui rend les chose peux visible une solution ??

mickael002 Il y a 2 mois Répondre

Salut,

Merci de nous avoir fait découvrir ce programme légeé et pratique.

unixvers Il y a 2 mois Répondre

Merci pour ce tutoriel après le deux premiers, celui-ci m'a convaincu d'essaye plus en profondeur ce petit logiciel.

Ce tuto relié à celui-ci sur fetch m'a donner envie de développer un petit plugin reprenant la liste de fetch au niveau de l'éditeur avec le gestionnaire de paquet pour en faire un gestionnaire le lien, et je me suis dit avec en plus un type de lien ou l'on pourrait sélectionner un mot puis cliquer sur un lien pour effectuer aussi une recherche comme sa plus besoin d'avoir plusieurs raccourcis à retenir (ou a essayer de placer car il y en a vraiment déjà beaucoup de présent).
Enfin si vous voulez voir voici le lien du github (encore merci pour le tuto sur github) : https://github.com/Unixvers/Link-Manager

PS : Faut créer un raccourcis avec comme commande unixvers.

tetue Il y a 2 mois Répondre

Merci pour ce tuto, très détaillé et pédagogique, qui donne vraiment envie d'essayer ! Pouvoir étendre les possibilités à son niveau d'utilisation, via plugins et snippet, est très intéressant.

iyucef Il y a 2 mois Répondre

Merci pour le tuto

HalfJO Il y a 3 mois Répondre

Après 5 mois d'utilisation, je suis pleinement convaincu !
Je ne vais pas lister ses points fort, pour moi c'est le n°1.

Juste quelques points négatif à mentionner sur mon poste de travail (MBP 2010 OSX 10.7 4G ram):
- les plug-ins "SublimeBrackets" et "SublimeTagmatcher" provoque un ralentissement gênant sur les gros fichiers (ici .scss à partir de 2500 lines).
- Le plug-in SFTP gere mal les gros envoie (mais en même temps ce n'est pas son utilité première).

Pour tout le reste, merci de me l'avoir fait découvrir !

oonicooo Il y a 3 mois Répondre

Hello,

Merci beaucoup, étant acutellement en formation on nous fait travailler avec Dream et moi je l'aime pas...

En plus étant nouveau sur MAC, grace a ce tuto, j'ai trouvé mon nouveau éditeur.

Merci
a++

1A_Design Il y a 3 mois Répondre

Tout d'abord merci Grafikart pour ce tuto qui m'a convaincu de passer sur ce sublime éditeur.

Pour ceux que ça intéresse, j'ai créé une icône pour remplacer celle d'origine qui est vraiment basique (même la nouvelle est pas top je trouve…).
Disponible sur deviantArt : http://1a-design.deviantart.com/art/SublimeText-2-Replacement-Icon-279967232
En espérant que vous aprécierez.

nicodemus Il y a 3 mois Répondre

Bonjours à tous, voilà j'ai un problème tout bête, voilà j'arrive pas à installer le theme de grafikart. Pouvait vous me donner un coup de pousse? Merci d'avance

kéké Il y a 3 mois Répondre

Je m'y mets aussi ! Ca à l'air vachement bien... et ça me changera de Vi qui est un peu poussièreux (mais qui est génial à sa manière aussi !)

kéké

sebdeg Il y a 4 mois Répondre

L'édition en colonne n'est pas le prés-carré de VIM, puisque NotPad++ (déjà cité plus haut), Komodo Edit (maj+cmd sous Mac), TextMate (maj+alt). Idem les sélections croissantes est une fonction implémentée dans ZenCoding (balance tag).

Sinon, ST est un éditeur très rapide et de tout premier plan, cependant vu son caractère payant je préfère conseiller Komodo-Edit (qui vient de passer à la version 7) pour ceux qui ne voudraient pas débourser un sou.

loi Il y a 4 mois Répondre

Libriste, passez votre chemin. Formidable certes, certes,... mais proprio !

Patoche Il y a 4 mois Répondre

Bonjour,
suite à la vidéo j'ai télécharger Sublime. Je l'ai installé et testé.
C'est bien.
Mais Gros Problème. Il n'y a aucune vérification syntaxique qui soit faite. Ni en Php, ni en js.
Du coup ça limite quand même son intérêt.
J'ai eu une erreur serveur, page blanche. Parce que j'avais oublié une parenthèse dans un fichier php.
J'ai essayé de voir / chercher si on pouvait faire de la vérification syntaxique et apparement c'est impossible.

flashios09 Il y a 4 mois

Amigo voici un plugin qui peut résoudre votre problème (vérification syntaxique): https://github.com/kronuz/SublimeLinter/
N.B : il faut modifier les préférences du plugin(Preferences > Package Settings > Sublime Linter > Default)pour détecter automatiquement l'erreur en "On" à la place de "Off/On save"

stefvat Il y a 2 mois - Répondre

Bonjour,
Pour moi le fichier : Default est vide.
Donc je ne vois pas comment faire pour activer sublime Linter.
As-tu une idée ?

igors Il y a 4 mois Répondre

C'est cool, un choix de plus dans le monde des IDE

gugul Il y a 3 mois - Répondre

Justement, ce n'est pas un IDE ^^

rampouch Il y a 5 mois Répondre

looks amazing .. except I dont undersand a word .. how about an english version?

Xeron Il y a 5 mois Répondre

Bonjour, merci pour ce super éditeur, hors comment installer le packages pour installer les plug-ins ? merci Seule chose pas très précise

baballe Il y a 5 mois Répondre

... automatiquement ... ^^
Merci pour ce tuto !

sofiane1357 Il y a 6 mois Répondre

Sous win/xp, les ouvertures des pages via fileZilla se font dans des nouvelles pages (Une nouvelle instance du logiciel) même avec la config : open_files_in_new_window = false;
Quelqu'un a une solution pour remédier à cela ?

Merci d'avance.

JeremDsgn Il y a 6 mois Répondre

Salut,

Voilà je viens de passer sous mac, j'ai tenté de mettre le thème mais rien n'y fait, lorsque je marque les lignes sur ton github ça bug même après démarrage mais ne change rien.

Cdlt.

Pickachu Il y a 6 mois Répondre

Hello,
Comment fais tu pour que tes fichiers less soit reconnu comme des css (au niveau de la couelur et de l'autocomplétion) ?
merci

CoStiC Il y a 6 mois Répondre

Hello, personnellement je n'ai pas réussi à installer zen coding... je désespère :/

Nyah Il y a 6 mois Répondre

Le dernier lien est devenu privé j'ai donc aucun accès à ce package ><

Nyah Il y a 6 mois Répondre

Zen Coding n'est plus disponible apparement. Je ne trouve aucun package pour Sublime sur la page Code Google de leur projet

Weby Il y a 7 mois Répondre

Un Plugin incroyable !!! https://github.com/Kronuz/SublimeCodeIntel

winclick Il y a 7 mois Répondre

J'utilise depuis qq jours ce soft, franchement je le trouve très chouette. Juste dommage pour le ftp, j'utilisai jusqu'alors Pspad, qui gère merveilleusement cette fonctionnalité. Avec sublime, je n'arrive même pas à faire fonctionner le plugin de demo en ftp, j'ai une erreur à la connexion ftp.

jazzbass Il y a 7 mois Répondre

Il est payant. Dommage j'ai pas d'argent à mettre dans un logiciel en ce moment.

Weby Il y a 7 mois - Répondre

Tu peux très bien t'en servir gratuitement sans l'enregistrer.

sei05 Il y a 7 mois Répondre

Il y a moyen d'avoir ton thème si possible Grafikart?

Weby Il y a 7 mois - Répondre

Bonjour, la réponse est postée plus haut :
"4e thème de cette liste : http://wiki.macromates.com/Themes/UserSubmittedThemes "
Tomorrow Night Eighties

popopopo Il y a 8 mois Répondre

C'était juste pour dire que moi non plus j'aime pas la police :D

Rtransat Il y a 8 mois Répondre

Si je fais un copié/collé du contenu de Default (Windows).sublime-keymap dans Default (Linux).sublime-keymap j'aurais pas de mauvaise surprise ?

jojo150393 Il y a 8 mois Répondre

Trop cool cet éditeur !

Est-ce que tu pourrais nous passer ton thème ? Car j'ai dl tomorrow mais il est pas pareil que le tiens...

<3

Weby Il y a 7 mois - Répondre

Bonjour, il y a plusieurs variantes de Tomorrow dans le dossier. Il faut choisir Tomorrow-Night-Eighties

pobourger Il y a 8 mois Répondre

ZiOu : ou on modifie la police ?

palmer08 Il y a 8 mois Répondre

Quelle est le nom de la police utilisé ?

barbuslex Il y a 8 mois - Répondre

Sa m'intéresse aussi :p

ZiOu Il y a 8 mois Répondre

Des personnes ont elles réussi à modifier la police ?

ZiOu Il y a 8 mois - Répondre

Autant pour moi j'ai trouver ^^

tonymx15 Il y a 8 mois Répondre

Je n'ais pas l'onglet "Folders", est-ce normal ? J'ai installé la version Mac...

Grafikart Il y a 8 mois

Glisse un dossier dessus

jeremie1722 Il y a 8 mois - Répondre

moi aussi je n'ai pas l'onglet "FOLDERS" sur la gauche avec les fichier et tout, et je voudrait savoir quelle thème utilise tu sous windows sur sublime text 2. Merci

CowBoySD Il y a 8 mois Répondre

Salut


@R-Transat : Oui, je le sais, c'est tout à fait ça. Mais je préférerai changer dans l'éditeur le raccourcis plutôt que sur MSN, que j'utilise tout le temps.

Et j'aimerai bien sinon qu'il n'y ai pas besoin de raccourcis.
Mais je ne sais pas comment faire. :/


Merci,
CowBoySD

CowBoySD Il y a 8 mois - Répondre

J'ai réussis à changer le raccourcis, j'avais une erreur de syntaxe dans le fichier, et donc ça ne fonctionnait pas.
Mais ça serait un plus si ça pouvait le lancer en auto ? :D
C'est possible ?

Rtransat Il y a 8 mois Répondre

Si MSN se ferme lors d'un CTRL+espace c'est parce que vous avez surement MSN+ et l'anti-patron d'activer, au pire changer le raccourci dans MSN+

CowBoySD Il y a 8 mois Répondre

Bonjour,

Chez moi aussi le soucis avec l'auto-complétion : lorsque je clique sur "Ctrl+Espace", j'ai MSN qui se ferme. :D
J'ai bien ajouté ceci :


[

{ "keys": ["ctrl+l"], "command": "auto_complete" },
{ "keys": ["ctrl+l"], "command": "replace_completion_with_auto_complete", "context":
[
{ "key": "last_command", "operator": "equal", "operand": "insert_best_completion" },
{ "key": "setting.tab_completion", "operator": "equal", "operand": true }
]
},

]


Mais ça ne marche pas non plus.
J'ai du louper quelque chose... :/
Possible de m'expliquer brièvement s'il vous plait ?


Et d'ailleurs, n'y aurait-il pas une solution pour qu'il s'ouvre tout seul, sans devoir appuyer sur une touche ? Je préfèrerai personnellement, même si ce ne sont que les fonctions basiques.


Merci,
@++
CowBoySD

sniton Il y a 8 mois Répondre

Bonjour, merci pour ce super tuto qui comme tous les autres est d'une très grande utilité!

Je test donc Sublime Text et je n'arrive pas a faire fonctionner SFTP :
Connecting to "ftp.XXX.fr" as "XXX" ........................... failure (Unknown error)

Quelqu'un voit d'où cela peut venir? (j'ai testé sur différents FTP)

Merci, sniton

Tef Il y a 8 mois Répondre

Salut Graf'
Juste une petite rectification la sélection vertical existe aussi dans d'autres éditeurs Par exemple Coda avec la touche Alt (pointeur en croix) et il me semble qu'aussi Komodo le fait

Sinon bon tuto encore

A+

Rtransat Il y a 8 mois Répondre

Bon et bien sous Windows pas de problème, j'ai bien accès à plusieurs packages.

Rtransat Il y a 8 mois Répondre

Lorsque j'installe package control c'est normal que lorsque je fais install j'ai juste les paquets de wbond qui sont dispo (donc 4-5) j'ai rien d'autres

PS : je suis sous Ubuntu

Rtransat Il y a 8 mois - Répondre

Et impossible d'utiliser le plugin HTML5 et jQuery.

pobourger Il y a 8 mois Répondre

Super présentation du logiciel

Tu peux nous mettre en telechargement ton thème de l'editeur ?

Grafikart Il y a 8 mois - Répondre

4eme thème de cette liste : http://wiki.macromates.com/Themes/UserSubmittedThemes

RedruM Il y a 8 mois Répondre

Merci très bon tuto, juste une chose, si c'est possible d'écrire les liens que tu donne dans une sorte d'annexe à tes tutos ça serais magnifique, parce que des fois on doit revoir toute une video pour connaitre un lien et s'est fastidieux. merci encore

SummerlySubset Il y a 8 mois Répondre

Merci beaucoup pour ce tuto. J'avais besoin de changer de Notepad ++ et Sublime Text 2 fera très bien l'affaire

chrisd83 Il y a 8 mois Répondre

Un autre article intéressant sur Sublime text 2 : http://rathersplendid.net/home/customise-sublime-text-2 , en complément du lien de Weby

Je vous conseille ce plugin, qui permet de modifier les nombres comme sur firebug, avec les flèches du clavier. Il permet de la même manière de modifier rapidement les booléens et les couleurs : https://github.com/rmaksim/Sublime-Text-2-Solutions/

Et encore quelques autres plugins sur ce github : https://github.com/mrmartineau/ , comme HTML5, jQuery et placeholders

Weby Il y a 8 mois - Répondre

Ha pardon, en fait, c'est le même article qu'au dessus. Tu peux supprimer ce commentaire M'sieur l'admin ;-)

Weby Il y a 8 mois Répondre

Hello, sympa ce tuto. J'avais installé le soft il y a un moment mais sans vraiment l'utiliser.
@Grafikart : l'icone que tu as mise sur ton visuel est une icone officielle ? Moi j'ai un pauvre carré gris ?! o_O
@Grafikart : Mais où est ce que tu modifie le thème de SODA ??? ;-)

Weby Il y a 8 mois - Répondre

Ha j'ai trouvé mes réponses ici : http://www.webdevelopersbox.com/uncategorized/sublime-text-2-tips-and-tricks.html

chris Il y a 8 mois Répondre

super tuto, comment on fait pour installer le control package car j'ai pas trop compris merci d'avance

chris Il y a 8 mois - Répondre

c'est bon j'ai trouver

Dexyne Il y a 8 mois Répondre

En faite nan c'est bon xD, la liste doit être ceux déjà installer =X
Le boulet que je suis :D !

Dexyne Il y a 8 mois Répondre

Je connaissais déjà Sublime Text en version 1 et il n'y a pas longtemps j'ai téléchargé la vers ion 2, je dois dire qu'elle est beaucoup mieux et plutôt intuitive.
Je n'ai pas trop regardé au niveau raccourcis et autres donc tu m'as appris pas mal de ce côté là, je gagnerais du temps à l'avenir =P.

Je le conseil franchement, car comparé au IDE il a aussi l'avantage d'avoir un petit poids, et donc de se télécharger / s'installer et se lancer rapidement.

Dexyne Il y a 8 mois - Répondre

Je ne comprends pas pourquoi mais dans en voulant regarder la liste du package control (list possible à installer normalement) il ne me met que "Package Control" dans la liste, hors normalement je viens de l'installer :o

Aurais-je oublié quelque chose ? :x

Dawinch Il y a 8 mois Répondre

Bonne découverte. Merci.
Edition par colonnes sur Notepad++ : Alt + sélection

Franck55 Il y a 8 mois Répondre

Salut,

Comme d'hab super le tuto, le seul souci avec sublim c'est que les raccourcie sont vraiment prévu pour les clavier QWERTY chez moi quand je veux lancer l'auto complétion sa me ferme msn en gros si msn est allumé je peut pas lancé l'auto complétion, heureusement sa peut ce changer.

Y'a juste une chose que j'aurai rajouté c'est la console qui est aussi pratique, encore un raccourcie prévu pour les américains ctrl + `
si vous arrivez a le faire avec votre clavier je suis preneur, sinon dans view -> show console.

Y'a aussi un plugin ligne de commande qui n'est pas mal et sftp qui permet d'envoyer directement ces fichiers sur le ftp, dommage que tu n'en touche pas un mot.

En tout cas merci pour tes tutos c'est toujours la classe!!!

Grafikart Il y a 8 mois - Répondre

Je ne parle pas de SFTP parceque son utilisation est un peu sensible, dans le sens ou si tu veux pouvoir uploader sur un FTP classique tu stocke le mot de passe de l'accès FTP directement dans un fichier JSON à la racine du projet (un peu dangereux niveau sécurité)

cornflex4 Il y a 8 mois Répondre

pour "corriger le retrait il y aurait " http://sublime-text-community-packages.googlecode.com/svn/pages/AutoFormat.html , mais l'install sous osX... pas évident...

cornflex4 Il y a 8 mois Répondre

Y a t il l'option "corriger le retrait" ou un package qui le permetrait ?

cornflex4 Il y a 8 mois Répondre

Top, bien pratique tout ça !!!! hhéhéhéhé

imars Il y a 8 mois Répondre

Sympa mais je reste avec Coda les modifications automatique sur des centaines de ligne de code cela me fait peur ;-) surtout après avoir passé des jours à codés.

cosentino Il y a 8 mois Répondre

Avec SublimeCodeIntel tu peux ajouter des librairies pour l'autocompletion dont Cake

https://github.com/Kronuz/SublimeCodeIntel

flashios09 Il y a 3 mois - Répondre

amigo est ce que tu peux nous dire comment t'as fait ? j'ai installé ce plugin mais je n'ai pas arrivé à utiliser l'autocompletion de CakePhp
Merci d'avance

arif85 Il y a 8 mois Répondre

Excellent, pour les petits projets je vais peut etre aussi délaisser notepad++.

Par ailleur, Zen coding est dispo sur Sublime Text 2...

ZiOu Il y a 8 mois Répondre

Belle découverte, vais-je peut-être enfin quitter notepad++ :P

Adrien Il y a 8 mois Répondre

Il y'a aussi Kodapp qui lui ressemble beaucoup

http://kodapp.com/

ZiOu Il y a 8 mois - Répondre

Ah oui belle ressemblance !

Alexandre Il y a 8 mois Répondre

Sympa, merci pour la petite découverte

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.