Qu’est-ce que Sublime Text ?<\/h2>\n
Sublime Text<\/a> se pr\u00e9sente comme un \u00ab \u00e9diteur de texte sophistiqu\u00e9 pour le code, le balisage et la prose \u00bb Sorti \u00e0 l’origine il y a plus de dix ans, en janvier 2008, Sublime Text en est maintenant \u00e0 sa quatri\u00e8me version majeure et prend en charge Mac, Windows et Linux.<\/p>\n \u00c0 la base, Sublime Text ressemble \u00e0 un couteau suisse qui peut \u00eatre appliqu\u00e9 \u00e0 tout cas d’utilisation ou probl\u00e8me impliquant la manipulation de texte.<\/p>\n \u00c0 premi\u00e8re vue, Sublime Text peut sembler \u00eatre un \u00e9diteur de texte<\/a> qui n’est utile qu’aux d\u00e9veloppeurs. Bien que ce soit un outil formidable pour les d\u00e9veloppeurs, c’est aussi une application puissante pour les \u00e9crivains et les blogueurs<\/a>.<\/p>\n Avant de nous plonger dans toutes les fonctionnalit\u00e9s et capacit\u00e9s de Sublime Text, parcourons rapidement quelques sc\u00e9narios o\u00f9 Sublime Text peut \u00eatre utile.<\/p>\n Regex, abr\u00e9viation d’expression r\u00e9guli\u00e8re, est une syntaxe permettant de sp\u00e9cifier des mod\u00e8les de recherche. Regex est souvent utilis\u00e9 pour localiser des cha\u00eenes de texte similaires (mais diff\u00e9rentes) pour l’\u00e9dition de texte.<\/p>\n Par exemple, si vous souhaitez supprimer toutes les balises HTML<\/a> d’un document, il serait tr\u00e8s long de rechercher chaque balise \u00e0 supprimer (par exemple Au lieu de cela, vous pouvez effectuer la recherche avec une seule regex. Dans ce cas, la regex Effectuer une recherche et un remplacement par regex est tr\u00e8s simple dans Sublime Text. Dans la barre de menu, cliquez sur Rechercher > Rechercher dans les fichiers<\/strong>. Ensuite, activez le mode regex dans le menu de recherche et de remplacement, sp\u00e9cifiez la regex dans le champ \u00ab Rechercher \u00bb, s\u00e9lectionnez Contrairement aux \u00e9diteurs de texte traditionnels, Sublime Text vous permet d’ex\u00e9cuter du code directement dans l’application. Ceci est particuli\u00e8rement utile pour les projets plus simples comme les petits scripts Bash ou Python<\/a>.<\/p>\n Par exemple, si vous \u00e9crivez un simple script Python pour extraire des donn\u00e9es d’une liste d’URL, la configuration d’un Terminal s\u00e9par\u00e9 pour d\u00e9boguer le code est moins pratique que l’ex\u00e9cution du script directement dans Sublime Text.<\/p>\n Pour ex\u00e9cuter du code dans Sublime Text, allez dans Outils > Syst\u00e8me de construction<\/strong>, et s\u00e9lectionnez la langue de votre code (Sublime est livr\u00e9 avec un support pour divers langages comme Python<\/a>, Ruby, Bash, et plus). Ensuite, appuyez sur Cmd+B<\/strong> sur Mac ou Ctrl+B<\/strong> sur Windows pour ex\u00e9cuter votre code.<\/p>\n Il existe toutes sortes de situations o\u00f9 vous pouvez avoir besoin d’\u00e9diter simultan\u00e9ment plusieurs lignes dans un document texte. Imaginez que vous avez une liste de domaines<\/a>, et que vous devez ajouter Avec Sublime Text, vous pouvez s\u00e9lectionner toutes les lignes que vous voulez \u00e9diter, appuyer sur Shift+Cmd+L<\/strong>, et \u00e9diter chaque ligne simultan\u00e9ment !<\/p>\n Comme vous pouvez le constater, bien que Sublime Text int\u00e8gre des fonctions avanc\u00e9es orient\u00e9es vers les d\u00e9veloppeurs, il existe \u00e9galement une vari\u00e9t\u00e9 d’outils puissants comme le support des regex et l’\u00e9dition multi-lignes qui sont sans aucun doute utiles pour les non-d\u00e9veloppeurs \u00e9galement.<\/p>\n Maintenant que vous avez une compr\u00e9hension g\u00e9n\u00e9rale de ce que Sublime Text peut faire, regardons plus en profondeur et apprenons-en plus sur l’application.<\/p>\n Les extraits de texte sont peut-\u00eatre la fonctionnalit\u00e9 la plus puissante (surtout pour les codeurs) de Sublime Text.<\/p>\n Nous savons tous qu’\u00e9crire du code peut parfois \u00eatre fastidieux. Les extraits ou snippets de Sublime Text offrent un moyen rapide et facile d’ins\u00e9rer des blocs de texte qui appara\u00eetront de mani\u00e8re r\u00e9p\u00e9t\u00e9e dans n’importe quel projet.<\/p>\n Ce qui rend ces snippets de texte encore meilleurs, c’est qu’ils sont faciles \u00e0 comprendre et assez simples \u00e0 \u00e9crire. Cet outil aide les d\u00e9veloppeurs \u00e0 gagner du temps et \u00e0 \u00e9liminer de nombreuses erreurs<\/a> lors du d\u00e9veloppement.<\/p>\n Saisissez le mot \u00ab d\u00e9clencheur \u00bb et appuyez sur le bouton de tabulation<\/strong> pour commencer un extrait.<\/p>\n Sublime Text est disponible en t\u00e9l\u00e9chargement gratuit<\/a> sur le site officiel de Sublime Text. Cela dit, Sublime Text n’est techniquement pas un \u00ab freeware \u00bb Au lieu de cela, Sublime Text est une application \u00ab shareware \u00bb, ce qui signifie qu’elle peut \u00eatre t\u00e9l\u00e9charg\u00e9e gratuitement, mais qu’il peut y avoir des limitations de fonctionnalit\u00e9s apr\u00e8s une certaine p\u00e9riode.<\/p>\n Dans le cas de Sublime Text, l’application continuera \u00e0 fonctionner ind\u00e9finiment, mais vous verrez occasionnellement une fen\u00eatre popup avec des d\u00e9tails sur la fa\u00e7on d’acheter l’application.<\/p>\n Si vous \u00eates int\u00e9ress\u00e9 par l’achat de Sublime Text, vous pouvez obtenir une licence personnelle pour 99 $, ou des licences professionnelles \u00e0 partir de 65 $\/place\/an. Bien qu’une licence payante ne d\u00e9bloque pas de fonctionnalit\u00e9 de base suppl\u00e9mentaire, vous avez acc\u00e8s aux avantages suivants :<\/p>\n Puisque Sublime Text est une application si riche en fonctionnalit\u00e9s, nous discuterons des caract\u00e9ristiques essentielles et des flux de travail pour deux sous-ensembles d’utilisateurs – les \u00e9crivains et les d\u00e9veloppeurs. Mais d’abord, \u00e9tablissons une compr\u00e9hension de base de Sublime Text avant de nous pencher sur les \u00e9l\u00e9ments sp\u00e9cifiques \u00e0 chaque utilisateur.<\/p>\n Contrairement \u00e0 d’autres applications avec des menus de r\u00e9glages graphiques, les r\u00e9glages de Sublime Text sont enti\u00e8rement bas\u00e9s sur le texte. Pour afficher vos r\u00e9glages Sublime Text, allez dans Sublime Text > Preferences<\/strong>, et cliquez sur Settings<\/strong>. Vous devriez alors voir un document comme celui-ci :<\/p>\n Ce document de r\u00e9glages peut sembler intimidant au premier abord (surtout si vous n’avez pas l’habitude de travailler avec des outils orient\u00e9s d\u00e9veloppeur<\/a>), mais nous allons vous aider \u00e0 donner un sens \u00e0 tout cela maintenant !<\/p>\n Les r\u00e9glages de Sublime Text sont stock\u00e9s au format JSON. JSON est un format standard de l’industrie pour le stockage d’informations cl\u00e9-valeur, donc vous l’avez peut-\u00eatre d\u00e9j\u00e0 vu utilis\u00e9 ailleurs. JSON stocke les informations dans des tableaux de valeurs cl\u00e9s comme ceci :<\/p>\n Le tableau ci-dessus peut \u00eatre utilis\u00e9 pour d\u00e9crire les propri\u00e9t\u00e9s d’une voiture – dans ce cas, une berline bleue \u00e0 cinq places. De m\u00eame, un tableau JSON peut sp\u00e9cifier les r\u00e9glages d’une application, ce qui est pr\u00e9cis\u00e9ment le cas de Sublime Text.<\/p>\n Revenons au fichier de r\u00e9glages de Sublime Text. Comme vous pouvez le voir dans la capture d’\u00e9cran ci-dessus, le fichier de r\u00e9glages est pr\u00e9sent\u00e9 comme deux tableaux JSON. Le tableau de gauche contient les r\u00e9glages par d\u00e9faut de Sublime Text, tandis que celui de droite comprend les r\u00e9glages personnalis\u00e9s de l’utilisateur.<\/p>\n En g\u00e9n\u00e9ral, vous ne devriez jamais modifier directement les r\u00e9glages par d\u00e9faut. Au lieu de cela, vous pouvez remplacer les r\u00e9glages par d\u00e9faut par des r\u00e9glages personnalis\u00e9s – cela vous permet de revenir aux r\u00e9glages par d\u00e9faut si quelque chose ne va pas.<\/p>\n Alors, comment faire pour modifier quelques r\u00e9glages par d\u00e9faut ? Disons que vous voulez apporter les changements ci-dessous :<\/p>\n Pour effectuer ces modifications, ajoutez chaque \u00e9l\u00e9ment au document des r\u00e9glages utilisateur personnalis\u00e9s au format JSON valide comme suit (si vous avez des r\u00e9glages personnalis\u00e9s existants, ajoutez chaque r\u00e9glage sans cr\u00e9er un nouveau tableau) :<\/p>\n Si vous n’\u00eates pas s\u00fbr d’avoir format\u00e9 correctement les r\u00e9glages, vous pouvez utiliser un outil en ligne comme JSONLint<\/a> pour valider votre tableau JSON. Apr\u00e8s avoir sp\u00e9cifi\u00e9 les r\u00e9glages, enregistrez le fichier, et vous \u00eates pr\u00eat !<\/p>\n Lorsque vous travaillez sur un projet, qu’il s’agisse d’une s\u00e9rie d’articles de blog<\/a> ou du code source d’une application web, il est courant que vos fichiers soient organis\u00e9s dans un dossier de projet. Sublime Text consid\u00e8re et fournit une interface graphique fonctionnelle pour la gestion des fichiers et des r\u00e9pertoires.<\/p>\n Disons que vous avez un dossier nomm\u00e9 \u00ab my-sublime-text-project \u00bb comme celui de la capture d’\u00e9cran ci-dessous. Si vous glissez et d\u00e9posez ce dossier dans Sublime Text, vous serez en mesure de cr\u00e9er de nouveaux fichiers et dossiers directement dans Sublime Text.<\/p>\n Comme vous pouvez le voir, le dossier \u00ab my-sublime-text-project \u00bb est visible sur le c\u00f4t\u00e9 gauche de la fen\u00eatre de Sublime Text sous \u00ab Folders \u00bb<\/p>\n Un clic droit sur le dossier du projet fait appara\u00eetre un sous-menu qui vous permet de cr\u00e9er de nouveaux fichiers, de renommer des fichiers, de cr\u00e9er et de supprimer des dossiers, et plus encore. Les fonctions int\u00e9gr\u00e9es de gestion de fichiers de Sublime Text suppriment le besoin d’un outil externe comme Finder pour effectuer les t\u00e2ches de base de gestion de fichiers.<\/p>\n Dans Sublime Text, un projet fait r\u00e9f\u00e9rence \u00e0 une collection de fichiers et de dossiers import\u00e9s (par exemple, le dossier \u00ab my-sublime-text-project \u00bb que nous avons import\u00e9 plus t\u00f4t. Si vous cliquez sur Project <\/strong>dans la barre de menu, vous verrez qu’il existe des options telles que \u00abOpen Project \u00bb, \u00ab Switch Project \u00bb et \u00ab Save Project \u00bb Cependant, il n’y a pas d’option pour cr\u00e9er un nouveau projet.<\/p>\n Ceci est d\u00fb au fait que les projets Sublime Text sont implicitement cr\u00e9\u00e9s lorsque vous cr\u00e9ez un nouveau fichier et importez un dossier. Dans l’exemple ci-dessus, nous pouvons cliquer sur Project<\/strong> dans la barre de menu et cliquer sur Save Project As<\/strong>\u00a0pour enregistrer le projet.<\/p>\n Mettez en \u00e9vidence comment la fonction de gestion de fichiers et de projets peut organiser le contenu. Par exemple, un auteur pourrait cr\u00e9er un fichier pour chaque chapitre d’un livre, tandis qu’un blogueur pourrait cr\u00e9er diff\u00e9rents dossiers pour diff\u00e9rentes cat\u00e9gories d’articles.<\/p>\n Sublime Text poss\u00e8de une impl\u00e9mentation puissante de recherche et de remplacement<\/a>. Non seulement il prend en charge les expressions r\u00e9guli\u00e8res (regex), mais vous pouvez \u00e9galement sp\u00e9cifier les fichiers et les dossiers \u00e0 rechercher. Par exemple, si un auteur veut changer le nom d’un personnage dans une histoire, il peut sp\u00e9cifier le dossier de recherche et lancer la recherche sur tout le contenu de ce dossier.<\/p>\n Sublime Text est extensible, et son package MarkdownEditing<\/a> est un outil formidable pour les auteurs qui utilisent la syntaxe Markdown.<\/p>\n Sublime Text dispose d’un riche \u00e9cosyst\u00e8me d’extensions auxquelles on peut acc\u00e9der via le gestionnaire de paquets int\u00e9gr\u00e9. Les d\u00e9veloppeurs peuvent installer des extensions pour am\u00e9liorer leur flux de travail. Par exemple, le’extension Formatter comprend des r\u00e8gles de formatage pour HTML, CSS, JS, Python et d’autres langages<\/a>.<\/p>\n L’extension peut \u00eatre configur\u00e9e pour formater automatiquement les fichiers de code source, ce qui permet de conserver un code soign\u00e9 et standardis\u00e9 en termes de formatage.<\/p>\n Parmi les autres extensions indispensables \u00e0 prendre en compte, citons Package Control<\/a> (n\u00e9cessaire pour installer des extensions) et Emmet<\/a>.<\/p>\n Sublime Text offre l’\u00e9dition multi-lignes, \u00e0 laquelle on acc\u00e8de en maintenant la touche Command sur Mac (Ctrl sur Windows) et en utilisant la souris pour s\u00e9lectionner plusieurs lignes. Apr\u00e8s avoir s\u00e9lectionn\u00e9 plusieurs lignes, vous pouvez \u00e9diter toutes les lignes \u00e0 la fois, et le copier\/coller multi-lignes est m\u00eame support\u00e9.<\/p>\n Sublime Text prend en charge les fen\u00eatres fractionn\u00e9es pour visualiser et \u00e9diter plusieurs fichiers simultan\u00e9ment. Cela peut \u00eatre utile pour se r\u00e9f\u00e9rer \u00e0 un autre fichier tout en travaillant sur un projet.<\/p>\n Sublime Text est livr\u00e9 avec un support pour les syst\u00e8mes de compilation. Les syst\u00e8mes de compilation vous permettent d’ex\u00e9cuter du code directement dans le terminal de l’\u00e9diteur Sublime Text sans avoir besoin d’un terminal externe<\/a>.<\/p>\n Par exemple, vous pouvez cr\u00e9er un syst\u00e8me de compilation pour ex\u00e9cuter un programme Python et un autre syst\u00e8me de compilation pour ex\u00e9cuter un programme Go. Lorsque vous d\u00e9veloppez une application, vous pouvez s\u00e9lectionner un syst\u00e8me de compilation et utiliser un raccourci pour ex\u00e9cuter le programme directement depuis Sublime Text.<\/p>\n Vous pouvez am\u00e9liorer encore plus votre exp\u00e9rience de code en t\u00e9l\u00e9chargeant un th\u00e8me Sublime Text. La plupart d’entre eux sont d\u00e9j\u00e0 livr\u00e9s avec une vari\u00e9t\u00e9 de sch\u00e9mas de couleurs.<\/p>\n La diff\u00e9rence entre les th\u00e8mes et les sch\u00e9mas de couleurs pour Sublime Text est qu’un th\u00e8me d\u00e9core les \u00e9l\u00e9ments de base de l’interface utilisateur, comme le volet lat\u00e9ral, les onglets, les menus, et plus encore, tandis que les sch\u00e9mas de couleurs sont responsables de la mise en \u00e9vidence de la syntaxe.<\/p>\n Voici quelques-uns des meilleurs th\u00e8mes \u00e0 consulter :<\/p>\nRecherche et remplacement par Regex<\/h3>\n
<h1><\/code>, <p><\/code>, <span><\/code>, etc.).<\/p>\n[a-zA-Z0-9]<\/code> peut \u00eatre utilis\u00e9 pour trouver toutes les balises HTML d’un document.<\/p>\n![\"Rechercher](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/02\/Untitled-10.jpg\")
<current file><\/code>, et cliquez sur Rechercher<\/strong> ou Remplacer<\/strong> selon ce que vous devez accomplir.<\/p>\n\nEx\u00e9cuter rapidement du code<\/h3>\n
![\"Ex\u00e9cuter](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/02\/Untitled-11.jpg\")
\u00c9dition multi-lignes<\/h3>\n
http:\/\/<\/code> \u00e0 chaque ligne. Bien s\u00fbr, vous pouvez proc\u00e9der ligne par ligne, mais cela pourrait potentiellement prendre beaucoup de temps.<\/p>\n![\"Edition](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/02\/Untitled-12.jpg\")
Extraits de texte<\/h3>\n
Comment t\u00e9l\u00e9charger Sublime Text<\/h2>\n
\n
Sublime Text 101 – Les bases<\/h2>\n
Comment personnaliser les r\u00e9glages de Sublime Text<\/h3>\n
![\"R\u00e9glages](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/02\/Untitled-52.png\")
{\n\u201ccolor\u201d: \u201cblue\u201d,\n\u201ctype\u201d: \u201csedan\u201d,\n\u201cseats\u201d: 5,\n}<\/code><\/pre>\n\"font_size\": 10<\/code> en \"font_size\": 20<\/code><\/pre>\n\"margin\": 4<\/code> en \"margin\": 6<\/code><\/pre>\n\"line_numbers\": true<\/code> en \"line_numbers\": false<\/code><\/pre>\n{\n\"font_size\": 20,\n\"margin\": 6,\n\"line_numbers\": false,\n}\n<\/code><\/pre>\nGestion des projets et des fichiers dans Sublime Text<\/h3>\n
![\"Projet](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/02\/Untitled-7.jpg\")
![\"Gestion](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/02\/Untitled-8.jpg\")
![\"Cr\u00e9er](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/02\/Untitled-9.jpg\")
Sublime Text pour les r\u00e9dacteurs<\/h2>\n
Mettre en \u00e9vidence la gestion des fichiers<\/h3>\n
Puissant moteur de recherche et de remplacement<\/h3>\n
Tr\u00e8s extensible<\/h3>\n
Sublime Text pour les d\u00e9veloppeurs<\/h2>\n
Riche \u00e9cosyst\u00e8me d’extensions<\/h3>\n
\u00c9dition multi-lignes<\/h3>\n
Support des fen\u00eatres divis\u00e9es<\/h3>\n
Prise en charge des syst\u00e8mes de construction<\/h3>\n
Plus de personnalisation avec les th\u00e8mes<\/h3>\n