{"id":226351,"date":"2022-08-30T19:22:00","date_gmt":"2022-08-30T16:22:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226351"},"modified":"2022-11-09T01:48:32","modified_gmt":"2022-11-08T22:48:32","slug":"sublime-text-plugins-et-packages-a-decouvrir","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/sublime-text-plugins-et-packages-a-decouvrir\/","title":{"rendered":"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir"},"content":{"rendered":"\n<p>Tous les d\u00e9veloppeurs construisent leur propre ensemble d&rsquo;outils lorsqu&rsquo;il s&rsquo;agit de g\u00e9rer divers projets. Les outils qu&rsquo;un d\u00e9veloppeur Web utilise peuvent r\u00e9duire le temps n\u00e9cessaire \u00e0 la r\u00e9alisation d&rsquo;un site Web ou d&rsquo;une application Web, et peuvent faciliter la gestion des t\u00e2ches.<\/p>\n<p>Les outils intelligents sont essentiels au flux de travail de tout d\u00e9veloppeur r\u00e9ussi, donc si vous souhaitez am\u00e9liorer votre bo\u00eete \u00e0 outils avec un tout nouveau sac d&rsquo;astuces, c&rsquo;est une bonne id\u00e9e de lire attentivement cet article du d\u00e9but \u00e0 la fin.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/9-meilleures-options-dediteur-de-code-pour-les-developpeurs-web\/\" title=\"Les \u00e9diteurs de code\" >Les \u00e9diteurs de code<\/a> ne manquent pas pour vous faciliter la t\u00e2che. D\u00e9cider parmi eux devient beaucoup plus difficile quand il y a tant d&rsquo;options qui vous attendent.<\/p>\n<p><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe2ef12b.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Par cons\u00e9quent, nous pr\u00e9senterons une option qui se d\u00e9marque des autres: <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sublime Text<\/a>. C&rsquo;est l&rsquo;un des \u00e9diteurs de code les plus utilis\u00e9s sur le march\u00e9 et il est pr\u00e9f\u00e9r\u00e9 par des milliers de programmeurs, d\u00e9veloppeurs Web et concepteurs Web.<\/p>\n<p>Ce qui est si impressionnant avec Sublime Text, c&rsquo;est sa flexibilit\u00e9. Vous pouvez facilement \u00e9tendre l&rsquo;\u00e9diteur de code en utilisant des plugins Sublime Text cr\u00e9\u00e9s pour presque tous les usages imaginables. Et, vous pouvez m\u00eame cr\u00e9er des packages personnalis\u00e9s qui am\u00e9lioreront visiblement votre flux de travail et augmenteront votre productivit\u00e9.<\/p>\n<p>Continuez \u00e0 lire dans cet article cr\u00e9\u00e9 par notre \u00e9quipe de <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> et d\u00e9couvrez certains des meilleurs packages Sublime Text, comment ils fonctionnent et comment vous pouvez les utiliser.<\/p>\n<h2>Plugins Sublime Text\u00a0: Installation de packages<\/h2>\n<p>Avant de lister les plugins Sublime Text que nous consid\u00e9rons pertinents pour tous les concepteurs de sites Web, vous devez apprendre \u00e0 installer des packages sur cet \u00e9diteur de code. Voici les \u00e9tapes que vous devez suivre\u00a0:<\/p>\n<ul>\n<li>T\u00e9l\u00e9chargez le fichier zip du r\u00e9f\u00e9rentiel de packages. Vous pouvez le faire \u00e0 partir de la page GitHub du package.<\/li>\n<li>Extrayez les fichiers dans votre dossier Sublime Text Packages. Vous devriez le trouver sous\u00a0: {{ nom d&rsquo;utilisateur }}AppDataRoamingSublime Text {{ version }}Packages<\/li>\n<\/ul>\n<p>Ou<\/p>\n<ul>\n<li>Installez le package via le <a href=\"https:\/\/packagecontrol.io\/installation\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">contr\u00f4le de package<\/a> officiel de Sublime Text Cliquez sur le lien et copiez le code qui correspond \u00e0 la version de Sublime Text que vous poss\u00e9dez.<\/li>\n<li>Collez le code dans votre console Sublime Text, \u00e0 laquelle vous pouvez acc\u00e9der en appuyant sur CTRL + ~.<\/li>\n<li>Red\u00e9marrez votre \u00e9diteur de code, ouvrez la fen\u00eatre de commande en appuyant sur CTRL + Maj + P, et tapez &quot;Package Control: Install Package&quot; (ou simplement &quot;Install Package&quot; &#8211; la saisie semi-automatique affichera les options souhait\u00e9es)<\/li>\n<\/ul>\n<p>Une fois le paquet install\u00e9, n&rsquo;apportez aucune modification \u00e0 son fichier de configuration par d\u00e9faut, \u00e0 moins que vous ne sachiez exactement ce que vous faites. Les packages Sublime Text sont principalement destin\u00e9s \u00e0 \u00eatre personnalis\u00e9s avec l&rsquo;utilisation de fichiers de remplacement s\u00e9par\u00e9s afin que vos modifications ne soient pas perdues lors de la mise \u00e0 jour des packages.<\/p>\n<h2>Sublime Text Plugins Tous les d\u00e9veloppeurs Web devraient essayer<\/h2>\n<p>En parlant de l&rsquo;extensibilit\u00e9 de l&rsquo;\u00e9diteur de code, il serait utile de r\u00e9pertorier quelques-uns des meilleurs plugins Sublime Text et comment ils peuvent vous aider \u00e0 devenir un meilleur d\u00e9veloppeur dans les plus brefs d\u00e9lais.<\/p>\n<p>J&rsquo;esp\u00e8re que vous trouverez ces plugins utiles et pertinents pour votre travail. Voici la liste\u00a0:<\/p>\n<h3>Contr\u00f4le des colis<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe406d2e.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Sublime Text Package Control est probablement l&rsquo;outil le plus populaire disponible pour cet \u00e9diteur de code. Il vous permet de t\u00e9l\u00e9charger, d&rsquo;installer et de mettre \u00e0 jour des packages directement depuis l&rsquo;interface Sublime Text.<\/p>\n<p>Bien que &quot;plugin&quot; et &quot;package&quot; soient souvent utilis\u00e9s de mani\u00e8re interchangeable, les packages incluent des plugins, des menus, des extraits et d&rsquo;autres \u00e9l\u00e9ments qui peuvent \u00eatre utilis\u00e9s pour \u00e9tendre Sublime Text \u00e0 votre guise.<\/p>\n<p>Au lieu de t\u00e9l\u00e9charger les fichiers du package par vous-m\u00eame et de les installer dans le bon dossier, laissez ce plugin tout faire pour vous sans quitter Sublime Text. Si vous \u00eates un programmeur, consid\u00e9rez-le comme pip pour Python ou npm pour node.js.<\/p>\n<h3>Alignement<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Alignment\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe4f3d7d.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>L&rsquo;alignement fait exactement ce que son nom l&rsquo;indique: c&rsquo;est l&rsquo;un de ces plugins Sublime Text qui rend votre travail 10 fois plus facile en alignant votre code pour le rendre plus net et plus facile \u00e0 lire. Il fonctionne tr\u00e8s bien avec PHP, JavaScript, CSS, etc.<\/p>\n<p>Vous pouvez aligner des sections, des s\u00e9lections multilignes ou l&rsquo;int\u00e9gralit\u00e9 de votre code \u00e0 l&rsquo;aide de d\u00e9limiteurs tels que &quot;=&quot;. M\u00eame si vous pensez que cela n&rsquo;aide pas beaucoup, une fois que vous l&rsquo;utiliserez, vous deviendrez accro \u00e0 son utilit\u00e9.<\/p>\n<h3>Emmet<\/h3>\n<p><a href=\"https:\/\/emmet.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe602bcb.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Parmi les plugins Sublime Text les plus utilis\u00e9s se trouve Emmet, un plugin simple qui peut am\u00e9liorer la productivit\u00e9 de tout d\u00e9veloppeur en aidant avec son workflow CSS et HTML.<\/p>\n<p>Par exemple, si vous \u00e9crivez html: 5 et appuyez sur CTRL + E tout en utilisant Emmet, vous aurez acc\u00e8s \u00e0 un mod\u00e8le de page HTML5 de base avec lequel travailler. Le plugin est simple, mais extr\u00eamement efficace et il am\u00e9liorera certainement votre travail.<\/p>\n<h3>Modifier les devis<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/ChangeQuotes\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7071f7.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Vous d\u00e9testez g\u00e9rer les devis? F\u00e9licitations, vous faites partie des millions de d\u00e9veloppeurs qui ont \u00e9galement du mal \u00e0 les maintenir coh\u00e9rents. ChangeQuotes vous aidera.<\/p>\n<p>Il peut facilement convertir les guillemets simples\/doubles et les r\u00e9-\u00e9chapper. Si vous souhaitez modifier les guillemets, placez votre curseur \u00e0 l&rsquo;int\u00e9rieur du texte cit\u00e9 et ouvrez la palette de commandes. Ex\u00e9cutez le plugin et vous n&rsquo;avez plus besoin de s\u00e9lectionner la ligne enti\u00e8re pour modifier les guillemets. C&rsquo;est beaucoup plus rapide comme \u00e7a !<\/p>\n<h3>Am\u00e9liorations de la barre lat\u00e9rale<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SideBarEnhancements\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7edb75.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Ce plugin Sublime Text ajoutera de nouvelles fonctionnalit\u00e9s \u00e0 votre menu lat\u00e9ral. Par exemple, vous pouvez cr\u00e9er un nouveau fichier beaucoup plus rapidement tout en restant dans votre dossier de projet actuel. Vous pouvez \u00e9galement d\u00e9placer plus facilement des fichiers et des dossiers, les dupliquer au besoin et ouvrir des fichiers dans le Finder ou dans votre navigateur.<\/p>\n<p>SublimeEnhancements ajoute une multitude de fonctionnalit\u00e9s utiles dans la barre lat\u00e9rale qui vous aideront \u00e0 g\u00e9rer votre projet plus efficacement. Installez-le pour d\u00e9couvrir toutes les fonctions utiles.<\/p>\n<h3>SublimeLinter<\/h3>\n<p><a href=\"http:\/\/www.sublimelinter.com\/en\/stable\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe8f017e.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Si vous \u00eates un utilisateur de Sublime Text 3, vous allez adorer SublimeLinter. Peu de plugins Sublime Text ont \u00e9t\u00e9 mis \u00e0 jour pour la derni\u00e8re version de l&rsquo;\u00e9diteur, il est donc toujours agr\u00e9able de voir que les d\u00e9veloppeurs de plugins se concentrent sur la mise \u00e0 jour de leurs produits. Plut\u00f4t que d&rsquo;avoir tous vos linters dans un seul paquet, ce plugin vous permet d&rsquo;installer ceux que vous utilisez r\u00e9guli\u00e8rement.<\/p>\n<p>Fondamentalement, le SublimeLinter vous donne un cadre \u00e0 utiliser pour lisser le code. Au cas o\u00f9 vous ne le sauriez pas, le linting repr\u00e9sente le processus de signalisation de la syntaxe non portable ou incorrecte dans votre code. En termes plus simples, il vous avertit lorsque le code est encombr\u00e9 de bogues.<\/p>\n<h3>SublimeGit<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SublimeGit\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe9e9504.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Travailler avec un logiciel de contr\u00f4le de version est courant pour les d\u00e9veloppeurs. Le plus populaire est Git. Pour ceux qui en ont assez de sauvegarder des fichiers texte et de retourner \u00e0 un terminal pour ex\u00e9cuter quelques commandes Git, SublimeGit sera la r\u00e9ponse. Ce plugin Sublime Text vous permet d&rsquo;ex\u00e9cuter toutes vos commandes Git dans l&rsquo;\u00e9diteur de texte.<\/p>\n<p>En utilisant SublimeGit, les d\u00e9veloppeurs peuvent faire plus en moins de temps, augmentant ainsi consid\u00e9rablement leur productivit\u00e9. Vous n&rsquo;aurez pas \u00e0 basculer entre votre \u00e9diteur de code et la ligne de commande.<\/p>\n<p>Auparavant, il n&rsquo;\u00e9tait disponible qu&rsquo;en tant que plugin payant, mais l&rsquo;ann\u00e9e derni\u00e8re, il est devenu open source. Il poss\u00e8de de nombreuses fonctionnalit\u00e9s que vous trouverez utiles, ainsi que la <a href=\"https:\/\/sublimegit.readthedocs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">documentation SublimeGit<\/a>, qui vous aidera \u00e0 comprendre et \u00e0 utiliser le plugin.<\/p>\n<h3>GitGutter<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitGutter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeadbe1f.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Vous pouvez toujours ex\u00e9cuter des commandes Git dans Sublime Text lui-m\u00eame, mais ce n&rsquo;est pas le moyen le plus rapide de g\u00e9rer cette t\u00e2che. Sublime Text vous fait ex\u00e9cuter une commande distincte, au lieu de vous permettre de visualiser les modifications en temps r\u00e9el. Eh bien, c&rsquo;est l\u00e0 que GitGutter intervient.<\/p>\n<p>GitGutter est similaire \u00e0 Atom de certains points de vue. Il ajoute les m\u00eames types de fonctionnalit\u00e9s \u00e0 Sublime Text, ce qui signifie que vous pouvez commencer \u00e0 ajouter des indices de diff\u00e9rence \u00e0 la goutti\u00e8re de votre barre lat\u00e9rale. En survolant les indicateurs de votre barre lat\u00e9rale, vous avez acc\u00e8s \u00e0 des popups de diff\u00e9rences tr\u00e8s pratiques.<\/p>\n<h3>TOUPET<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Sass\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbebc54e2.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>La mise en \u00e9vidence est primordiale pour remarquer rapidement les erreurs et les bogues. Pour les d\u00e9veloppeurs, corriger les erreurs rapidement et efficacement est un must absolu. SASS vous aide \u00e0 le faire. Il met en \u00e9vidence la syntaxe SASS et SCSS et aidera tout d\u00e9veloppeur CSS qui utilise ces langages d&rsquo;extension.<\/p>\n<h3>GitHubinator<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitHubinator\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbecb436e.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Ceux qui utilisent les r\u00e9f\u00e9rentiels GitHub\/Bitbucket doivent essayer GitHubinator. Ce plugin affiche le texte s\u00e9lectionn\u00e9 sur le r\u00e9f\u00e9rentiel distant. Ainsi, le texte que vous recherchez est mis en surbrillance et vous pouvez simplement cliquer sur le menu contextuel pour lancer la page Web correspondante dans le navigateur.<\/p>\n<p>Comme dans le cas des autres plugins Sublime Text r\u00e9pertori\u00e9s ici, GitHubinator aide les d\u00e9veloppeurs \u00e0 gagner du temps et \u00e0 \u00e9viter les actions r\u00e9p\u00e9titives.<\/p>\n<h3>GitOpenChangedFiles<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitOpenChangedFiles\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeda44f1.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Comme vous pouvez le constater, ce plugin est utilis\u00e9 pour ouvrir les fichiers modifi\u00e9s \u00e0 partir d&rsquo;un r\u00e9f\u00e9rentiel Git. Il vous suffit de l&rsquo;installer et de lancer le plugin pour ouvrir les fichiers que vous avez pr\u00e9c\u00e9demment modifi\u00e9s dans votre branche Sublime Text.<\/p>\n<p>Ce n&rsquo;est pas vraiment un plugin, mais ceux qui ont besoin de cette fonction la trouveront tr\u00e8s pratique.<\/p>\n<h3>Terminal<\/h3>\n<p><a href=\"https:\/\/github.com\/wbond\/sublime_terminal\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbee99061.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Vous savez combien de temps dure le processus d&rsquo;ouverture des dossiers de projet avec Sublime Text. Terminal vous permet d&rsquo;ouvrir les dossiers directement \u00e0 partir de Sublime Text dans la plate-forme avec un seul raccourci clavier. N&rsquo;est-ce pas pratique ?<\/p>\n<p>Lors de l&rsquo;ex\u00e9cution de lignes de commande dans un dossier donn\u00e9, vous devez passer par quelques \u00e9tapes chronophages et assez stressantes. Terminal r\u00e9duit ces \u00e9tapes au raccourci clavier CTRL + SHIFT + T.<\/p>\n<h3>SublimeREPL<\/h3>\n<p><a href=\"https:\/\/github.com\/wuub\/SublimeREPL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbef916ae.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>L&rsquo;utilisation de SublimeREPL rendra le travail d&rsquo;un programmeur 10 fois plus facile. Ce plugin vous permet d&rsquo;ex\u00e9cuter des interpr\u00e9teurs des langages les plus courants, notamment NodeJS, Python, Ruby, Scala ou Haskell.<\/p>\n<p>Vous pouvez ex\u00e9cuter un interpr\u00e9teur sur n&rsquo;importe laquelle de ces langues et plus encore, directement depuis Sublime Text. Jetez un \u0153il aux autres fonctions du plugin pour mieux comprendre ce qu&rsquo;il peut faire.<\/p>\n<h3><strong>Babel<\/strong><\/h3>\n<p><a href=\"https:\/\/babeljs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf096f83.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Si vous avez besoin de d\u00e9finitions de langage pour ES6 + Javascript, vous devez utiliser Babel. Peu de plugins Sublime Text offrent de bonnes d\u00e9finitions de langage, en particulier pour sa derni\u00e8re version. Babel est sp\u00e9cialement con\u00e7u pour Sublime Text 3 et ne prend pas en charge les versions ant\u00e9rieures. Il prend \u00e9galement en charge la syntaxe React JSX.<\/p>\n<h3>AllAutocomplete<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/All%20Autocomplete\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf18f171.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Par d\u00e9faut, Sublime Text utilise l&rsquo;option de saisie semi-automatique uniquement sur les mots pr\u00e9sents dans le fichier actuel. Pour \u00e9tendre cette fonctionnalit\u00e9 \u00e0 tous les fichiers ouverts, vous pouvez utiliser AllAutocomplete, un plugin qui recherche tous les fichiers que vous avez ouverts et trouve des correspondances, tout en sugg\u00e9rant des mots.<\/p>\n<h3><strong>CSSComb<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSScomb\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf29805b.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>CSSComb trie les propri\u00e9t\u00e9s CSS afin que votre code devienne plus propre et plus facile \u00e0 lire. Il met le code dans le bon ordre et vous permet de personnaliser ses propri\u00e9t\u00e9s sans trop de tracas. C&rsquo;est un plugin utile pour ceux qui travaillent dans des \u00e9quipes o\u00f9 tous les membres n&rsquo;\u00e9crivent pas le code de la m\u00eame mani\u00e8re.<\/p>\n<h3>MarkdownPreview<\/h3>\n<p><a href=\"https:\/\/facelessuser.github.io\/MarkdownPreview\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf3afe19.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>De nombreux d\u00e9veloppeurs ont l&rsquo;habitude de cr\u00e9er des fichiers Markdown dans GitHub, StackEdit ou Markable, dans le cloud. Si vous \u00eates un \u00e9crivain de la vieille \u00e9cole et que vous pr\u00e9f\u00e9rez conserver vos fichiers localement, vous devriez essayer MarkdownPreview.<\/p>\n<p>Vous pouvez \u00e9galement installer <a href=\"https:\/\/github.com\/SublimeText-Markdown\/MarkdownEditing\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MarkdownEditing<\/a> et mettre votre code Markdown en surbrillance.<\/p>\n<h3>DocBlockr<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/DocBlockr\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf4c78e5.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Dans certaines entreprises, toutes les directives de codage doivent \u00eatre respect\u00e9es religieusement. Cela peut mettre la pression sur les \u00e9paules des d\u00e9veloppeurs. DocBlockr vous facilite la t\u00e2che en cr\u00e9ant des commentaires pour votre code, en analysant les fonctions, les variables ou les param\u00e8tres et en ajoutant automatiquement des \u00e9l\u00e9ments de base.<\/p>\n<p>Vous n&rsquo;aurez qu&rsquo;\u00e0 taper \/et le plugin fait le travail pour vous.<\/p>\n<h3>Extraits de code CSS mat\u00e9rialis\u00e9s<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Materialized%20CSS%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf5cf364.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>MaterialiseCSS est un framework frontal m\u00e9morable cr\u00e9\u00e9 par Google. Il est moderne, enti\u00e8rement r\u00e9actif et pr\u00eat \u00e0 \u00eatre utilis\u00e9 par tous les concepteurs et d\u00e9veloppeurs. Ce plugin Sublime Text vous aidera \u00e0 utiliser Materialise CSS dans l&rsquo;\u00e9diteur de texte avec l&rsquo;utilisation d&rsquo;extraits communs.<\/p>\n<p>Les extraits CSS mat\u00e9rialis\u00e9s ajoutent des composants CSS directement dans l&rsquo; <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/exemples-dediteur-css-a-tester-absolument\/\" title=\"\u00e9diteur de code,\">\u00e9diteur de code,<\/a> afin que vous puissiez y acc\u00e9der avec des commandes de base. Les extraits CSS mat\u00e9rialis\u00e9s peuvent \u00e9conomiser beaucoup de temps et d&rsquo;\u00e9nergie qui seraient normalement pris en tapant la syntaxe manuellement et en ajoutant des composants CSS s\u00e9par\u00e9ment.<\/p>\n<h3>Format standard<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/StandardFormat\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf6c4c83.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Sans formatage, votre code aura l&rsquo;air d\u00e9sordonn\u00e9 et difficile \u00e0 parcourir. StandardFormat vous permet de cr\u00e9er une base de code beaucoup plus solide tout en aidant les gens \u00e0 lire votre code plus rapidement et plus efficacement chaque fois qu&rsquo;ils en ont besoin.<\/p>\n<p>Le plugin est bas\u00e9 sur la biblioth\u00e8que Standard Format JS, qui sera appliqu\u00e9e \u00e0 ce que vous \u00e9crivez. Tout le monde sait lire le format JS traditionnel, ce plugin s&rsquo;av\u00e8re donc tr\u00e8s utile pour les d\u00e9veloppeurs.<\/p>\n<h3>Extraits de requ\u00eate m\u00e9dia CSS<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSS%20Media%20Query%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf7b6386.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Les requ\u00eates multim\u00e9dias sont utilis\u00e9es pour d\u00e9velopper des applications et des logiciels pour les appareils mobiles ou des tailles d&rsquo;\u00e9cran \u00e9volutives. Sans ces requ\u00eates, vous ne pouvez pas transformer votre projet en un projet compatible avec les mobiles.<\/p>\n<p>CSS Media Query Snippets vise \u00e0 vous aider dans cette t\u00e2che, en proposant des mod\u00e8les pr\u00e9-\u00e9crits pour les requ\u00eates multim\u00e9dias. Vous pouvez simplement utiliser le mod\u00e8le pour apporter des modifications.<\/p>\n<h3><strong>Ex\u00e9cuteur Shell<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Shell%20Exec\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf8ba706.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Nous savons tous que l&rsquo;acc\u00e8s Shell est un sujet controvers\u00e9 en raison des configurations non s\u00e9curis\u00e9es que les serveurs ex\u00e9cutaient dans le pass\u00e9. \u00catre la proie des pirates \u00e9tait beaucoup plus courant \u00e0 l&rsquo;\u00e9poque o\u00f9 les commandes Shell Exec \u00e9taient accessibles de l&rsquo;ext\u00e9rieur, ouvrant des vuln\u00e9rabilit\u00e9s dans la plate-forme.<\/p>\n<p>Ce plugin vous aide \u00e0 ex\u00e9cuter des commandes shell dans Sublime Text 3, \u00e9tant donn\u00e9 qu&rsquo;Internet est maintenant beaucoup plus s\u00fbr. C&rsquo;est un bon moyen de gagner du temps, mais n&rsquo;oubliez pas de configurer les param\u00e8tres du pare-feu et de d\u00e9terminer les mod\u00e8les d&rsquo;acc\u00e8s pour \u00e9viter la situation susmentionn\u00e9e.<\/p>\n<h3>Laravel BladeSurligneur<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Laravel%20Blade%20Highlighter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf9a99a1.jpg\" alt=\"Sublime Text Plugins et packages \u00e0 d\u00e9couvrir\" \/><\/a><\/p>\n<p>Laravel est un framework open-source pour PHP et il a influenc\u00e9 le d\u00e9veloppement PHP de mani\u00e8re assez visible. Laravel utilise Blade Engine, une syntaxe qui vous permet de d\u00e9velopper de nouveaux logiciels en plus du framework.<\/p>\n<p>Sublime Text ne serait pas le m\u00eame sans Laravel Blade Highlighter si vous utilisez Laravel quotidiennement. Avec plus de 300 000 installations, ce plugin est incontournable pour tout d\u00e9veloppeur PHP.<\/p>\n<h3>Fin des r\u00e9flexions sur ces plugins Sublime Text<\/h3>\n<p>Sublime Text est assez puissant en soi, mais les plugins et les packages le rendent encore plus puissant. Le plus grand avantage de ces plugins est de vous faire gagner du temps en vous aidant \u00e0 personnaliser Sublime Text en fonction de vos besoins, exigences et t\u00e2ches quotidiennes.<\/p>\n<p>Chaque d\u00e9veloppeur pr\u00e9f\u00e8re une certaine routine de codage, et vous pouvez maintenir cette routine en s\u00e9lectionnant les plugins Sublime Text qui conviennent le mieux \u00e0 votre situation. Choisissez ceux qui ont du sens pour votre fa\u00e7on de travailler et votre travail. Cela rendra tout plus efficace et moins chronophage.<\/p>\n<p>Bonne chance avec vos t\u00e2ches de codage\u00a0!<\/p>\n<p>Si vous avez aim\u00e9 lire cet article sur les plugins Sublime Text, vous devriez consulter celui-ci sur les <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/plugins-de-texte-sublimes-que-vous-pouvez-utiliser-pour-personnaliser-votre-editeur\/\" title=\"th\u00e8mes Sublime Text\">th\u00e8mes Sublime Text<\/a>.<\/p>\n<p>Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels que les <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/les-meilleurs-packages-et-extensions-atom-que-vous-pouvez-installer\/\" title=\"meilleurs packages Atom\">meilleurs packages Atom<\/a> et comment devenir <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-devenir-developpeur-front-end-competences-a-avoir\/\" title=\"d\u00e9veloppeur front-end\">d\u00e9veloppeur front-end<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous pouvez facilement \u00e9tendre l&rsquo;\u00e9diteur de code en utilisant des plugins Sublime Text cr\u00e9\u00e9s pour presque tous les usages imaginables. D\u00e9couvrez les meilleurs plugins dans cet article.<\/p>\n","protected":false},"author":1,"featured_media":200120,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[811,841,862],"tags":[1167],"class_list":["post-226351","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins-2","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/226351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=226351"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/226351\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/200120"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=226351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=226351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=226351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}