Emmet : Plugin Sublime Text

-Lounis

Membre
Inscription
28 Octobre 2013
Messages
20
Réactions
5
Points
1 313
RGCoins
25
Bonjour ,

Tout d'abord avant de vouloir installer le plugin , faudrait d'abord que je vous l'expliquer non? :non:

Alors le plugin Emmet est un raccourcie dans votre code en HTML & CSS .

Faisons quelle que exemple : Vous vouliez développer une simple page HTML mais c'est chiant de écrire le code de base ? Avec Emmet vous aviez juste à faire " ! + Shift " et votre code apparaît comme par magie ! :oui:

Un autre exemple : Vous vouliez crée un menu en HTML mais vous avez la flemme de écrire nav ensuite ul etc.. etc.. , et bien Emmet est la !
Juste à faire " nav>ul>li*4>a + Shift " et vous aurez le nav ensuite le ul avec 4 li d'où la multiplication sur le li et ensuite le a qui vas allez dans chaque li .

Un dernier pour la route : Assez de HTML, maintenant le CSS .
Vous vouliez mettre une largueur sur votre menu ? vous deviez juste faire un width:100px? non ? Bah avec Emmet juste à mettre un " w100 + Shift " et vous auriez width:100px;

Si vous vouliez encore plus d'exemple je vous conseil d'allez dans le site officiel , .

Bon, maintenant on commence avec l'installation :

Tout d'abord il vous faut le Install Package de Sublime Text :panic:..

Allez dans ce lien : .
Vous copier le code qui est pour votre Sublime Text ensuite vous le coller dans View > Show Console ( normalement y aura une barre vers le bas de votre ST )

Un redémarrage est nécessaire !

6e8b814167512f00f3356fe979509650.png


Ensuite vous cliquez dans Preferences > Package Control vous taper entrer
Vous taper Install Package vous taper entrer
Ensuite vous taper Emmet c'est le premier donc encore entrer et voila il est installer ! :troll:

639a8e74205aeab65ac578cae2ef7f83.png

Attention : Vous deviez enregistrer votre page pour que vous puissiez utiliser le plugin ! :modo:

En espérant que sa puisse vous aider !

Cordialement, Lounis
 
Dernière édition:
Merci je cherchais ce pluging depuis longtemps
 
Bonjour ,

Tout d'abord avant de vouloir installer le plugin , faudrait d'abord que je vous l'expliquer non? :non:

Alors le plugin Emmet est un raccourcie dans votre code en HTML & CSS .

Faisons quelle que exemple : Vous vouliez développer une simple page HTML mais c'est chiant de écrire le code de base ? Avec Emmet vous aviez juste à faire " ! + Shift " et votre code apparaît comme par magie ! :oui:

Un autre exemple : Vous vouliez crée un menu en HTML mais vous avez la flemme de écrire nav ensuite ul etc.. etc.. , et bien Emmet est la !
Juste à faire " nav>ul>li*4>a + Shift " et vous aurez le nav ensuite le ul avec 4 li d'où la multiplication sur le li et ensuite le a qui vas allez dans chaque li .

Un dernier pour la route : Assez de HTML, maintenant le CSS .
Vous vouliez mettre une largueur sur votre menu ? vous deviez juste faire un width:100px? non ? Bah avec Emmet juste à mettre un " w100 + Shift " et vous auriez width:100px;

Si vous vouliez encore plus d'exemple je vous conseil d'allez dans le site officiel , .


Bon, maintenant on commence avec l'installation :

Tout d'abord il vous faut le Install Package de Sublime Text :panic:..

Allez dans ce lien : .
Vous copier le code qui est pour votre Sublime Text ensuite vous le coller dans View > Show Console ( normalement y aura une barre vers le bas de votre ST )

Un redémarrage est nécessaire !

6e8b814167512f00f3356fe979509650.png


Ensuite vous cliquez dans Preferences > Package Control vous taper entrer
Vous taper Install Package vous taper entrer
Ensuite vous taper Emmet c'est le premier donc encore entrer et voila il est installer ! :trollface:

639a8e74205aeab65ac578cae2ef7f83.png

Attention : Vous deviez enregistrer votre page pour que vous puissiez utiliser le plugin ! :modo:

En espérant que sa puisse vous aider !

Cordialement, Lounis
Je n'arrive pas à trouver le emmet :/
 
Sublime text ne possède pas déjà des raccourcis par défaut ? (ex : div.exemple + TAB va créer une div avec la classe exemple)
 
Retour
Haut