Sublime Text - Guide rapide

Sublime Text Editor est un éditeur de texte complet pour éditer des fichiers locaux ou une base de code. Il comprend diverses fonctionnalités pour éditer la base de code qui aide les développeurs à suivre les changements. Les différentes fonctionnalités prises en charge par Sublime sont les suivantes:

  • Syntaxe en surbrillance
  • Indentation automatique
  • Reconnaissance du type de fichier
  • Barre latérale avec les fichiers du répertoire mentionné
  • Macros
  • Plug-in et packages

L'éditeur de texte Sublime est utilisé comme un éditeur de développement intégré (IDE) comme le code Visual Studio et NetBeans. La version actuelle de l'éditeur de texte Sublime est 3.0 et est compatible avec divers systèmes d'exploitation tels que Windows, Linux et MacOS.

Pourquoi Sublime Text?

Lorsque vous utilisez un éditeur de texte approprié, vous pouvez profiter de ses riches fonctionnalités avantageuses. Sublime Text offre à ses utilisateurs les avantages suivants -

  • Capacité à résoudre les erreurs de l'éditeur de liens.
  • Garder une trace de tous les fichiers et dossiers avec lesquels travailler.
  • Connectivité avec des systèmes de contrôle de version comme Git, Mercurial.
  • Capacités de résolution de problèmes.
  • Conserver la combinaison de couleurs pour la combinaison de syntaxe.

Vous pouvez télécharger Sublime Text depuis son site officiel - www.sublimetext.com . Dans le chapitre suivant, nous en apprendrons davantage sur la procédure d'installation de l'éditeur Sublime Text dans différents systèmes d'exploitation.

L'éditeur de texte Sublime est pris en charge par les principaux systèmes d'exploitation suivants -

  • Windows
  • Linux et ses distributions
  • OS X

Vous pouvez télécharger Sublime Text depuis son site officiel - www.sublimetext.com

Dans ce chapitre, vous en apprendrez davantage sur l'installation de Sublime Text sur différents systèmes d'exploitation.

Installation sous Windows

Vous devrez suivre les étapes ci-dessous pour installer Sublime Text sous Windows -

Step 1 - Téléchargez le .exe paquet du site officiel comme indiqué ci-dessous -

https://www.sublimetext.com/3

Step 2- Maintenant, exécutez le fichier exécutable. Ceci définit les variables d'environnement. Lorsque vous exécutez le fichier exécutable, vous pouvez observer la fenêtre suivante sur votre écran. Cliquez surNext.

Step 3 - Maintenant, choisissez un emplacement de destination pour installer Sublime Text3 et cliquez sur Next.

Step 4 - Vérifiez le dossier de destination et cliquez sur Install.

Step 5 - Maintenant, cliquez Finish pour terminer l'installation.

Step 6 - Après une installation réussie, votre éditeur apparaîtra comme indiqué ci-dessous -

Installation sous Linux

Vous devrez suivre les étapes ci-dessous pour installer Sublime Text sur les distributions Linux -

Step 1 - À l'aide du terminal de ligne de commande, installez les packages de l'éditeur de texte Sublime, en utilisant la commande donnée ci-dessous -

sudo add-apt-repository ppa:webupd8team/Sublime-Text-3

Step 2 - Mettez à jour les packages à l'aide de la commande suivante -

sudo apt-get update

Step 3 - Installez le référentiel Sublime Text à l'aide de la commande suivante -

sudo apt-get install Sublime-Text

Après l'exécution réussie des commandes mentionnées ci-dessus, vous constaterez que l'éditeur Sublime Text est installé sur le système.

Installation sous OSX

Pour les systèmes d'exploitation OSX,

  • Téléchargez le .dmg fichier de Sublime Text Editor.

  • Ouvrez-le et faites-le glisser dans le Applications dossier.

  • Suivez les étapes que vous avez vues dans les deux cas ci-dessus.

  • Lancez l'application.

Tout au long de ce didacticiel, nous nous concentrerons sur l'utilisation du système de contrôle de subversion, de Git et du seau de bits en combinaison avec l'éditeur de texte Sublime.

Comme pour tout autre éditeur de texte, travailler sur un référentiel spécifique est l'aspect clé de Sublime Text. Il est montré en détail dans les étapes ci-dessous -

Step 1- Considérez un référentiel à cloner à partir du compartiment de bits. Veuillez noter que nous travaillerons avec des scripts Python tout au long de ce didacticiel.

Step 2 - Incluez le référentiel dans l'éditeur Sublime Text en utilisant l'option Ouvrir le dossier, comme indiqué ci-dessous.

Step 3 - Après avoir inclus le référentiel, l'écran de l'éditeur Sublime Text sera comme indiqué ci-dessous -

Vous pouvez choisir le fichier que vous souhaitez ouvrir dans la liste qui s'affiche dans la partie gauche de l'écran, comme indiqué dans l'image ci-dessous -

Notez que la combinaison de couleurs permet de reconnaître les mots-clés et les packages inclus dans le code.

Dans ce chapitre, vous apprendrez étape par étape comment créer un fichier dans Sublime Text.

Step 1 - Utilisez l'option New File pour créer un fichier dans l'éditeur Sublime Text.

Step 2 - Une fois le nouveau fichier disponible, vous pouvez insérer le code, semblable à tout autre éditeur de texte, et enregistrer le fichier dans votre référentiel de travail.

Step 3 - Une fois que vous avez enregistré le fichier associé, l'éditeur de texte Sublime fournit une variété d'options en fonction du type de fichier, par exemple .php pour les scripts PHP, .py pour les scripts Python et .java pour la base de code Java.

Step 4 - Comme notre référentiel de code est sur un projet Python, nous enregistrerons le fichier sous demo1.py, comme indiqué ci-dessous -

Les éditeurs de code permettent aux utilisateurs de modifier les scripts de code et les documents texte avec diverses touches de raccourci. Dans ce chapitre, laissez-nous comprendre à travers divers exemples sur les options d'édition du premier document texte dans Sublime Text.

Rédaction simultanée

Dans cet exemple, vous verrez comment ajouter des instructions d'impression à deux emplacements.

Step 1 - Considérez le premier script de Python avec le code suivant -

Step 2- Supposons que, dans le script donné, vous vouliez mentionner les points de début et de fin de la boucle, en utilisant des instructions simples. Vous pouvez écrire l'instruction d'impression là où vous le souhaitez, cependant, dans l'éditeur de texte Sublime, vous pouvez ajouter simultanément des commentaires et des instructions à deux endroits avec un raccourci deCtrl+cursor point pour Windows ou Linux, et Cmd+cursorpoint pour Mac. Ensuite, vous pouvez voir les points du curseur comme mentionné ci-dessous -

Step 3 - Vous pouvez maintenant insérer les instructions d'impression aux deux emplacements des points de curseur mentionnés, comme indiqué dans l'image ci-dessous.

Recherche d'occurrences

L'éditeur de texte Sublime comprend une fonction pour trouver les occurrences des mots-clés inclus dans les scripts. La touche de raccourci pour rechercher les occurrences du mot-clé estCtrl+D après avoir mis en évidence le mot-clé associé.

Si vous souhaitez rechercher un mot-clé, dites print à partir du code donné, vous pouvez utiliser Ctrl+D ou Cmd+D pour obtenir le nombre d'occurrences du mot-clé associé.

Ajout de commentaires en ligne

On peut ajouter des commentaires en fin de ligne en utilisant la touche de raccourci Ctrl+Shift+L pour Windows et Cmd+Shift+L pour le système d'exploitation Mac après avoir sélectionné la section de code où vous avez réellement besoin du commentaire.

Il existe différents types d'édition de code et de touches de raccourci utilisées dans l'éditeur de texte Sublime -

  • Diviser la sélection en lignes
  • Emballage du paragraphe complet dans un fichier HTML
  • Recherche de toutes les occurrences

Ce chapitre décrit chacun d'eux en détail.

Division de la sélection en lignes

La combinaison de touches Ctrl+Shift+Lpermet de sélectionner les blocs de lignes et de les fractionner, sous Windows. La capture d'écran ci-dessous explique cela -

Emballage du paragraphe complet dans un fichier HTML

La combinaison de touches Alt+Shift+wpour Windows et Cmd + Shift + w pour Mac, permet à l'utilisateur de diviser les sections de code et de créer divers paragraphes. Il est appelé unwrap selection with html tag. Cela vous permet également d'inclure des balises HTML à l'aide de l'éditeur Sublime.

La capture d'écran ci-dessous explique l'habillage du texte avec une balise HTML -

Après avoir enveloppé le texte, le texte enveloppé d'une balise HTML sera vu comme indiqué ci-dessous -

Recherche de toutes les occurrences

Le motif clé Ctrl+Shift+fvous permet de trouver un mot-clé dans un projet donné. La capture d'écran ci-dessous explique cela -

La touche de raccourci ouvre une fenêtre contenant trois options, à savoir find, where et replace,

où,

  • find fait référence à la recherche du mot-clé particulier,

  • where mentionne la section dans laquelle le référentiel est recherché, et

  • replace mentionne le mot-clé qui est remplacé au lieu du mot-clé find.

Le linting est le processus de signalisation des constructions suspectes et susceptibles d'être des bogues dans n'importe quel langage de programmation.

Sublime Linter est le package de Sublime Text qui vous aide à effectuer le peluchage dans Sublime. Il aide à créer des fichiers dans différents modes pour la manipulation de la base de code. Ce n'est pas un package intégré et vous devez l'installer manuellement.

Vous pouvez installer n'importe quel contrôle de package dans l'éditeur Sublime Text à l'aide de la combinaison de touches de raccourci Ctrl+Shift+Pet en sélectionnant le Package Control: Install Package option.

Sélectionnez le package associé à installer dans l'éditeur Sublime Text. Pour installer Sublime Linter, vous devez sélectionner l'option deSublimeLinter brancher.

Une fois l'installation réussie, votre écran ressemblera à l'illustration ci-dessous -

Modes de Sublime Linter

Sublime Linter fonctionne dans quatre modes différents comme mentionné ci-dessous -

Mode d'arrière-plan

Lorsque la touche Sublime Linter est réglée sur true, le peluchage est effectué en arrière-plan à chaque fois que le fichier est modifié.

Mode d'économie de charge

Lorsque la touche Sublime Linter est réglée sur, peluchage load savesera effectuée lorsqu'un fichier est chargé à partir du référentiel.

Mode de sauvegarde uniquement

Lorsque la touche Sublime Linter est réglée sur save only mode, le linting est effectué lors de l'enregistrement du fichier particulier dans le référentiel de travail.

Mode à la demande

En mode à la demande, le Sublime Linter sera réglé sur true, en utilisant le raccourci Ctrl+Alt+L, qui configure le linter pour détecter les bogues, le cas échéant, présents dans le code.

L'éditeur de texte Sublime comprend des raccourcis et des méthodes pour manipuler la sortie. Ce chapitre traite en détail de ces raccourcis à l'aide d'illustrations appropriées.

Ouverture de la palette de commandes

La palette de commandes de l'éditeur Sublime Text comprend des options pour l'installation des packages et de la console. La touche de raccourci à cet effet estCtrl+Shift+P pour Windows et Cmd+Shift+Ppour Mac. La capture d'écran ci-dessous montre l'ouverture de la palette de commandes à l'aide de ce raccourci.

Basculer la barre latérale

L'éditeur de texte Sublime comprend une barre latérale qui affiche les scripts ou les noms de fichiers. Vous pouvez utiliser la touche de raccourciCtrl+KB sous Windows et Cmd+KB pour Mac à cet effet.

Afficher l'étendue dans la barre d'état

La touche de raccourci Ctrl+Shift+Alt+P pour Windows et Ctrl+Shift+Ppour Mac affiche la portée dans la barre d'état. La capture d'écran suivante montre une illustration de ce raccourci.

Console Python

Lorsque vous travaillez avec des scripts Python à l'aide de l'éditeur de texte Sublime, vous pouvez utiliser Ctrl+`pour Windows ou Control + `pour Windows, pour faire fonctionner la console Python.

Nouvelle fenetre

Avec les nouvelles fenêtres, vous pouvez gérer plusieurs projets simultanément. Vous pouvez utiliser la touche de raccourci Ctrl+Shift+N sous Windows et Cmd+Shift+N pour Mac pour créer une nouvelle fenêtre sur l'éditeur de texte Sublime.

Les extraits de code sont les modèles intelligents qui peuvent être réutilisés chaque fois que nécessaire. L'éditeur de texte sublime comprend une fonctionnalité d'extraits de code pour les modèles HTML. Dans ce chapitre, vous en apprendrez plus sur eux.

Comprendre les extraits

Les extraits de code sont de simples fichiers pris en charge par XML avec divers attributs. Ils incluent une extension appeléesublime-snippet. La balise racine de l'élément XML sera le<snippet>marque. Les extraits créés sont enregistrés dans lePackages dossier et sont considérés comme résidant dans ce dossier.

Le format de fichier et la syntaxe des extraits de code sont décrits en détail comme suit -

  • Content −Cette section comprend la description de l'extrait.

  • tabTrigger - Il comprend une séquence de caractères qui se déclenchent lorsque l'extrait de code est écrit.

  • Scope - Il définit la portée dans laquelle l'extrait de code reste actif.

  • Description- Il comprend toute la méta description. Il sera affiché lorsque le menu de l'extrait est ouvert.

Création du premier extrait de code

Vous pouvez créer l'extrait par défaut à l'aide de Tools → Developer → Snippet option.

Ensuite, un extrait de démonstration avec les balises associées sera créé comme indiqué ci-dessous -

Pour créer un premier extrait dans l'éditeur Sublime Text, cliquez sur le bouton Tools et sélectionnez le Snippets option dans la fenêtre déroulante, comme indiqué dans la capture d'écran ici.

Maintenant, choisissez Snippet:html parmi les options affichées.

Cela crée un extrait de code par défaut sur le fichier html spécifié, comme indiqué ci-dessous.

Notez qu'il existe différents extraits de code pour différents types de fichiers. Pour les fichiers html de la base de code, trois extraits de code sont définis dans l'éditeur de texte Sublime, comme indiqué ci-dessous.

Extraits de contrôle de package

Les extraits de contrôle sont principalement utilisés pour le développement de produits. Avecinstall packages option dans l'éditeur Sublime, vous pouvez télécharger n'importe quel extrait de code nécessaire au développement Web et l'installer.

Vous aurez peut-être besoin des packages suivants pour le développement Web -

  • EverCodeLab Sublime prend en charge Ruby on Rails
  • Extraits PHP supplémentaires pour PHP
  • Extraits de code HTML pour les fichiers HTML
  • Extraits de Twitter Bootstrap pour Twitter Bootstrap
  • Extraits de code JavaScript pour les fichiers JS
  • Pack d'extraits de code jQuery pour jQuery

Les macros sont la fonction d'automatisation de base qui comprend une séquence de commandes. Vous pouvez utiliser des macros chaque fois que vous devez effectuer une opération comprenant les mêmes étapes.

Les fichiers de macros sont des fichiers JSON avec une extension appelée .sublime-micro et sont considérés comme très utiles.

Enregistrer une macro

L'enregistrement d'une macro définit la procédure pour conserver un ensemble de commandes nécessaires pour le fichier donné. Vous pouvez enregistrer une macro de deux manières -

  • Utilisez la touche de raccourci Ctrl+Q pour enregistrer une macro sous Windows et Cmd + Q sous Mac.

  • Utilisez le record option dans Tools → Record Macro.

Une fois que la macro a commencé à enregistrer, vous pouvez voir le message suivant dans l'éditeur Sublime Text -

Lecture d'une macro

Vous pouvez utiliser la touche de raccourci Ctrl+Shift+Q sous Windows et Cmd+Shift+Qpour Mac, pour lire une macro enregistrée par l'utilisateur dans Sublime Text. Notez que ce raccourci lit lelast recorded macro dans Sublime.

Enregistrer une macro

Vous pouvez enregistrer une macro enregistrée en utilisant l'option Tools → Save Macro. La capture d'écran suivante montre comment enregistrer une macro à l'aide de cette option.

Vous pouvez également redéfinir les macros à l'aide de diverses options dans la barre de menu Outil, comme indiqué ci-dessous -

Les raccourcis clavier dans Sublime Text aident un utilisateur à traiter et à mapper les séquences de pressions sur les touches aux actions. Ils sont définis au format JSON et sont stockés dans.sublime-keymap des dossiers.

Pour une meilleure intégration, il est important de conserver des fichiers de mappage de clés séparés pour Linux, OSX et Windows. Les cartes clés de la plate-forme correspondante seront chargées dans l'éditeur Sublime Text.

Un utilisateur peut ouvrir le keymap fichiers ou raccourcis clavier par défaut à l'aide de l'option Preferences → Key Bindings.

L'exemple suivant montre comment effectuer des liaisons de touches dans Windows -

[
   { "keys": ["ctrl+shift+n"], "command": "new_window" },
   { "keys": ["ctrl+shift+w"], "command": "close_window" }
]

Définition des liaisons de clé

L'éditeur de texte sublime comprend une option pour définir une carte de touches. Les raccourcis clavier définis dans le fichier.sublime-keymap inclut toutes les combinaisons de valeurs clés.

Vous pouvez inclure le jeu de raccourcis clavier suivant dans ce fichier et les enregistrer pour vérifier l'exécution, à l'aide du code ci-dessous -

[
   { 
      "keys": ["super+alt+;"], "command": "run_macro_file",
      "args": 
      {"file": "Packages/User/semicolon.sublime-macro"} 
   }
]

Ici superest le Winkey sous Windows ou Linux, et une commande sur le système d'exploitation OSX. Notez que ce code exécutera la macro qui se trouve dansPackages/User et est nommé semicolon.sublime-macro en appuyant sur Super+Alt+ clés.

Dans ce chapitre, vous apprendrez différentes touches de raccourcis pour déplacer et sélectionner les colonnes d'un fichier dans Sublime Text.

Déplacement du pointeur au début du code

Vous pouvez utiliser le raccourci Ctrl+Home pour déplacer le pointeur vers le début du code dans l'éditeur Sublime Text.

Observez l'exemple de code présenté ici.

La capture d'écran ci-dessous montre le même code où le curseur est déplacé vers son début.

Extension d'une colonne

Vous pouvez utiliser le raccourci Ctrl+Lpour étendre une colonne spécifiée. Ce raccourci sélectionnera la colonne qui comprend le pointeur. La capture d'écran suivante explique cela de manière détaillée -

Découper une colonne

Vous pouvez utiliser le raccourci Ctrl+Kpour couper la colonne spécifiée du fichier. Pour OSX, vous devrez utiliser la combinaison de touchesCmd+K dans ce but.

L'exemple présenté ici affiche le code où la ligne mentionnée dans la cinquième colonne est coupée.

Fractionner un bloc de texte

Vous pouvez utiliser le raccourci Ctrl+Shift+K pour diviser un bloc de texte sélectionné en deux sélections.

Note - La différence entre les combinaisons de touches et la combinaison de touches précédente est que les colonnes sont visibles. Ctrl+Shift+K supprime le numéro de colonne du code spécifié, tandis que Ctrl+K conserve le numéro de colonne intact après avoir coupé la colonne entière.

L'indentation est le processus de maintenance des blocs de code des langages de programmation pour maintenir une structure systématique. Cela aide à transmettre aux développeurs une meilleure structure de programme. Ce chapitre vous explique en détail sur l'indentation dans l'éditeur Sublime Text.

Importance de l'indentation

L'indentation permet de maintenir la structure du code de telle sorte qu'elle soit facilement comprise par quiconque y accède. Une indentation correcte confère les fonctionnalités suivantes au code -

  • Readability
  • User-friendliness
  • Adaptability
  • Facilité d'entretien

Options d'indentation dans le texte sublime

L'éditeur de texte Sublime fournit diverses options pour l'indentation du code, comme indiqué dans la capture d'écran suivante -

L'utilisation de ces options est discutée en détail ici -

Option de retrait

L'option Indent permet de créer une indentation du code spécifié. Vous devez sélectionner le code spécifié et sélectionner leIndentoption. Vous pouvez également utiliser le raccourciCtrl+[après avoir sélectionné le code requis à mettre en retrait. Reportez-vous à la capture d'écran suivante pour une meilleure compréhension -

Option de désindexation

L'option Annuler l'indentation fonctionne à l'inverse de la procédure d'indentation. Le raccourci de l'option de désindentation estCtrl+]. Reportez-vous à la capture d'écran suivante pour une meilleure compréhension -

Option de réindentation

L'option Reindent est utilisée pour annuler l'option unindent et rétablir le code dans la même condition. Reportez-vous à la capture d'écran suivante pour une meilleure compréhension -

Avantages de l'indentation

Une bonne indentation offre divers avantages au code et aux développeurs. Ils sont discutés ci-dessous -

  • Les blocs de code seront visibles sans trop d'effort.

  • Le développeur peut se concentrer sur les lignes de code nécessaires et ignorer facilement celles qui ne sont pas pertinentes.

  • Un développeur utilisant le même type de structure de code plusieurs fois n'a pas besoin de se concentrer sur le start of block et end of block déclarations.

  • Toutes les lignes de code mal placées peuvent être facilement identifiées.

Les paramètres de base de l'éditeur Sublime Text sont la configuration nécessaire pour l'éditeur, comme la taille de la police, l'affichage des numéros de ligne ou le jeu de couleurs de l'éditeur.

Tous les paramètres de base sont configurés au format JSON. Pour afficher la liste des paramètres, accédez au menu dePreferences -> Settings.

Les paramètres comprennent deux types de configurations à savoir -

  • Default
  • User

La valeur par défaut inclut toutes les configurations par défaut et l'utilisateur définit les paramètres personnalisés pour les paramètres de base.

Pour le scénario mentionné ci-dessus, les paramètres personnalisés sont ceux mentionnés ci-dessous -

"font_size": 15,
   "ignored_packages":
   [
      "Vintage"
   ]

Catégories de paramètres

Les différentes catégories de paramètres dans Sublime Text sont les suivantes:

Paramètres de l'éditeur

Il s'agit notamment des paramètres de base pour l'édition des fichiers de la base de code. Les exemples comprennentfont_face, font_size et tab_size. Les paramètres sont présents dans la configuration par défaut.

Paramètres de l'interface utilisateur

Ceux-ci incluent les paramètres généraux qui se concentrent spécifiquement sur l'arrière-plan, le thème et diverses combinaisons de couleurs. Ces paramètres sont ajoutés dans la deuxième section de la configuration par défaut.

Comportement de l'application

Ces paramètres se concentrent sur le comportement de l'application incluse dans l'éditeur Sublime Text dans les fenêtres ouvertes. Ces paramètres sont inclus dans la troisième section des paramètres de configuration par défaut.

Syntaxe - Paramètres spécifiques

Ces paramètres sont utilisés pour concevoir la syntaxe de l'éditeur de texte Sublime. Pour obtenir la liste des paramètres spécifiques à la syntaxe, l'utilisateur doit utiliser l'optionPreferences − Syntax-Specific.

La gestion des thèmes dans l'éditeur de texte Sublime implique d'améliorer l'apparence de l'éditeur avec des couleurs et des arrière-plans attrayants. Les thèmes sont des valeurs au format JSON avec.sublime-theme et gérer l'apparence de l'interface utilisateur de l'éditeur en changeant les couleurs des éléments de l'EDI.

Installation et application de thèmes

Les étapes suivantes vous guideront sur l'installation et l'application de thèmes dans l'éditeur Sublime Text -

Step 1 - Utilisez le Install Package du Sublime Text pour installer le package pour les thèmes, comme indiqué dans la capture d'écran ici -

Step 2 - Vous pouvez voir une liste d'options avec Install Package option et vous pouvez les télécharger et les installer dans l'éditeur de texte Sublime.

Step 3 - Une fois que vous sélectionnez un thème, activez-le.

Step 4- Sélectionnez maintenant le thème de votre choix dans la liste des thèmes installés. Cela modifie automatiquement l'apparence de l'éditeur.

Schémas de couleurs

Les jeux de couleurs sont des fichiers au format XML situés dans le Packagesdossier avec des jeux de couleurs. Ils constituent un excellent moyen de personnaliser les couleurs de texte Sublime, contrairement aux thèmes spécifiques aux éléments de l'interface utilisateur.

Vous pouvez choisir des jeux de couleurs en utilisant l'option Preferences → Color Scheme. Reportez-vous à la capture d'écran suivante qui montre la même chose.

Les schémas de couleurs incluent diverses options telles que Breakers, Mariana, Monokai, et Sixteen. L'apparence de l'éditeur dépend du jeu de couleurs que vous choisissez. Notez que ces modèles se concentreront uniquement sur la syntaxe des couleurs.

Le mode Vintage dans l'éditeur de texte Sublime est un package qui comprend une combinaison de fonctionnalités d'édition de vi. Le mode Vintage vous permet d'utiliser une liste de commandes vi dans l'éditeur Sublime.

Le mode Vintage est un projet open source et vous pouvez le télécharger à partir du lien -

https://github.com/sublimehq/Vintage

Comprendre l'éditeur vi

Viest un éditeur de texte primitif et couramment utilisé. Il a été créé à l'origine pour le système d'exploitation UNIX et avec des fonctionnalités de base d'exécution de scripts. Il s'agit d'un éditeur de ligne de commande couramment utilisé sur divers systèmes d'exploitation car il ne nécessite pas de souris pour les opérations.

Sublime comprend vim, qui est une section avancée de vi éditeur, et inclut la personnalisation des macros, des extraits et des plugins.

Activation du mode vintage

Vous pouvez activer le mode Vintage en suivant les étapes suivantes -

  • Sélectionnez l'option Preferences → Settings

  • Modifier le json fichier de configuration des paramètres avec le nom de clé comme ignored_packages. Le forfait Vintage est inclus dans leignored_packages section.

  • Supprimez l'attribut Vintage des configurations pour activer la propriété Vintage dans l'éditeur de texte Sublime.

"ignored_packages": []
  • Votre éditeur de mode vintage apparaîtra comme indiqué dans la capture d'écran suivante -

Le mode Vintage comprend une variété de commandes similaires à l'éditeur vi. Cela inclut les paramètres de base de l'éditeur de texte Sublime comme indiqué dans le code ci-dessous -

{
   "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
   "font_size": 15,
   "ignored_packages":
   [
   
   ],
   "vintage_start_in_command_mode": true,
   "theme": "Soda Dark.sublime-theme"
}
Mode La description Clé
Mode de commande Attend que l'utilisateur entre une commande Esc
Mode d'insertion Le texte peut être inséré dans différentes positions i / I / a / A
Mode visuel Sélectionnez / mettez en surbrillance le texte à l'aide des commandes de mouvement V
Mode ligne visuelle Sélectionnez / mettez en surbrillance des lignes de texte à l'aide des touches fléchées Maj + V

Mode vintage

Vintageous est le package utilisé pour l'analyse descriptive de l'éditeur vi. Il peut être téléchargé en utilisant le contrôle de package comme mentionné ci-dessous -

Une fois que vous avez installé avec succès le package vintageous, votre écran ressemblera à celui illustré dans la capture d'écran suivante -

Sublime Editor comprend des modules de test pour divers langages de programmation. Cela facilite les tests unitaires des fichiers et des scripts et aide les développeurs à analyser les bogues, les erreurs et les problèmes, le cas échéant.

L'éditeur de texte Sublime comprend 3 modules nécessaires au test et au déploiement de JavaScript. Ce chapitre les aborde en détail.

JsFormat

JsFormat est un plugin JavaScript utilisé pour formater les lignes de script qui facilite le processus de test unitaire. Dans les coulisses, il utilise l'embellisseur JS (http://jsbeautifier.org/) pour formater le JS complet ou des portions de fichiers JS. JSFormat peut être installé à l'aide duInstall Package option de l'éditeur Sublime.

traits

JsFormat offre les fonctionnalités suivantes au script -

  • Facilite le formatage des fichiers JS et JSON.
  • Offre la mise en forme du texte intégral et la mise en forme sélectionnée.
  • Fournit des paramètres personnalisables pour les options de formatage.

JSHint

JSHint est un outil communautaire utilisé pour analyser les erreurs à travers des indices. Cela permet de détecter les erreurs et les problèmes potentiels. JSHint est un package open source, simple et facile à comprendre. Vous pouvez installer JSHine dans l'éditeur de texte Sublime viaInstall Package mode.

Pour implémenter le plugin JSHint dans Sublime Text Editor, vous pouvez utiliser le raccourci Alt+J sous Windows et Cmd+j sur les systèmes OSX.

JavaScriptSuivant

Ce script est utilisé pour mettre en évidence la syntaxe du fichier JS et sa signification associée. Il comprend une fonctionnalité de mise en évidence de la syntaxe avec divers modules, fonctions fléchées, classes et générateurs.

Vous pouvez effectuer une vérification de syntaxe sur un fichier en utilisant la liste de syntaxe comme indiqué dans la capture d'écran ci-dessous -

Offres Python unittest, un cadre officiel de test unitaire pour tester unitaire les scripts conçus avant le déploiement. Il est également appelé commePyUnit. Les tests unitaires Python utilisés dans l'éditeur Sublime Text sont appeléssublime-unittests et ils sont disponibles dans le lien suivant -

https://github.com/martinsam/sublime-unittest

Ces tests unitaires contiennent un certain nombre d'extraits de code utiles pour faciliter l'écriture de cas de test unitaires.

Installation de UnitTest

Le contrôle des paquets de Sublime gère l'installation de unittests et les étapes suivantes le décrivent en détail -

Step 1 - Utilisez la palette de commandes de Sublime Editor Ctrl+Shift+P pour l'installation du package, comme indiqué dans les captures d'écran ci-dessous -

Step 2 - Les packages installés utilisent les deux extraits de code principaux suivants -

  • testclass qui est utilisé pour créer une nouvelle classe de test

  • testfunc qui est utilisé pour créer une nouvelle fonction de test que nous devons remplir

Step 3- La console calcule les résultats des tests comme indiqué dans la capture d'écran ci-dessous. Notez que le résultat dépend du succès ou de l'échec du test.

Success Result

Failure Result

Note - Les cas de test unitaires fonctionnent comme un compilateur pour le calcul de scripts en python.

L'éditeur de texte sublime utilise Hunspell pour le processus de vérification orthographique. Hunspellest le correcteur orthographique de LibreOffice, Mozilla Thunderbird, Google Chrome et de nombreux packages propriétaires. L'éditeur de texte Sublime inclut un support de dictionnaire pour une vérification orthographique appropriée des mots.

Dictionnaires

Sublime Text comprend des dictionnaires encodés en UTF-8. Pour implémenter un dictionnaire avec l'éditeur Sublime Text, il doit d'abord être converti en UTF-8. Si l'utilisateur possède un dictionnaire encodé en UTF-8, il peut être installé à l'aide duPreferences option dans l'éditeur de texte Sublime.

Vous pouvez sélectionner le dictionnaire à partir de View → Dictionary menu comme indiqué dans la capture d'écran donnée -

Paramètres du dictionnaire

Deux paramètres sont définis pour la vérification orthographique de Sublime Text Editor -

  • Spell_check
  • Dictionary
// Set to true to turn spell checking on by default
"spell_check": false,

// Word list to use for spell checking
"dictionary": "Packages/Language - English/en_US.dic"

Ces configurations sont incluses dans le settingsfichier. Les mots ajoutés et ignorés sont stockés dans les paramètres utilisateur sous leadded_words et ignored_words clés, respectivement.

Les packages logiciels sont installés dans Sublime Text pour des fonctionnalités supplémentaires. Vous pouvez voir la liste des progiciels via la touche de raccourciCtrl+Shift+P sous Windows et Cmd+Shift+Psur Mac. Observez les captures d'écran suivantes pour une meilleure compréhension -

Ces packages sont installés dans le Packages → Userrépertoire qui comprend toute la configuration nécessaire. Pour parcourir les packages, sélectionnezPreferences → Browse Packages option, comme indiqué dans la capture d'écran ci-dessous -

Ces fichiers sont la configuration personnalisée qui peut être modifiée au fur et à mesure des besoins. Les packages sont créés au format JSON.

Prendre en compte sublime-keymap package créé qui comprend le code suivant -

[
   { 
      "keys": ["super+alt+;"],
      "command": "run_macro_file",
      "args": {"file": "Packages/User/semicolon.sublime-macro"}
   }
]

Dans ce chapitre, vous découvrirez les principales options de File, Edit et Goto menus de l'éditeur Sublime Text.

Économisez avec l'encodage

Cette option est incluse dans le Filemenu qui aide à enregistrer les scripts et le fichier avec un encodage approprié. Sublime Text Editor comprend une variété d'options pour encoder des scripts Python, comme indiqué dans la capture d'écran suivante -

Le processus d'encodage permet de sécuriser les scripts contre les attaques de tiers et permet à l'élément d'utilisation ou d'intérêt perçu d'être converti en une construction.

Convertir le cas

Convertir les majuscules aide à la conversion des majuscules en minuscules et vice versa. Reportez-vous à la capture d'écran suivante pour une meilleure compréhension -

Par exemple, considérons un mot-clé Monicainclus dans le fichier et convertissons-le en majuscules. Reportez-vous à la capture d'écran suivante pour une meilleure compréhension -

Symbole Aller

Avec cette option, un utilisateur peut rechercher ou obtenir le mot-clé approprié ou n'importe quelle fonction. Cette option est très utile lorsque nous avons plus de 1000 lignes de code et que l'utilisateur doit rechercher une ligne ou une annotation unique.

La capture d'écran suivante montre la démonstration de Goto Symbol -

Les chapitres précédents ont abordé diverses options liées à la Preferencesmenu. Dans ce chapitre, vous en apprendrez plus sur laFont settings de l'éditeur Sublime Text.

Sublime Editor propose trois dimensions de tailles de police - Larger, Smaller et Resetoption pour annuler les modifications particulières apportées. L'implémentation de la police spécifiée est possible une fois que l'utilisateur sélectionne le paragraphe ou le texte approprié dans l'éditeur.

Considérez un texte sélectionné dans le fichier functions.py où vous devez apporter les modifications souhaitées -

Notez qu'après la mise en œuvre d'une police plus grande, les dimensions et la taille de la police des scripts seront automatiquement changées en une plus grande dimension.

Chaque éditeur comprend un plugin pour le développement, qui déclenche un ensemble d'activités et des packages par défaut. L'éditeur de texte Sublime comprend une fonctionnalité pour développer votre propre plugin personnalisé. Ce chapitre traite en détail du développement de votre propre plugin dans Sublime Text.

Développer un plugin

Les étapes suivantes vous montrent en détail comment développer un plugin dans Sublime Text -

Step 1 - Sélectionnez le New Plugin option en naviguant dans Tools → Developer → New Plugin comme indiqué ci-dessous -

Step 2 - Le code de base d'un plugin comprend l'importation de deux bibliothèques principales: sublime et sublime_plugin.

Le code du plugin est -

import sublime
import sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
   def run(self, edit):
      self.view.insert(edit, 0, "Hello, World!")

Step 3 - Les plugins personnalisés sont enregistrés dans Packages → Userdossier. Reportez-vous à la capture d'écran suivante qui vous donne une compréhension complète des plugins enregistrés dans l'éditeur Sublime Text.

Lancer le plugin

Lorsque vous avez créé et enregistré un plugin, ouvrez la console à l'aide de la touche de raccourci Ctrl+` sous Windows et Cmd+` sur OSX, et exécutez la commande indiquée ici -

view.run_command(plugin-name)

Cette commande exécutera le plugin défini par l'utilisateur avec la liste des activités qui y sont incluses.

La palette de commandes comprend une liste d'éléments ou de commandes fréquemment utilisés. Les entrées de commandes sont incluses dans le.sublime-commands file.

Utilisation de la palette de commandes

Pour ouvrir une palette de commandes dans l'éditeur Sublime Text, vous pouvez utiliser la combinaison de touches de raccourci Ctrl+Shift+P sous Windows et Cmd+Shift+P sur OSX.

Les commandes couramment utilisées de la palette sont -

  • Construire avec Python
  • Installer des packages

Construire avec Python

Cela générera toutes les dépendances et construira le code spécifié d'un fichier Python donné.

Installer des packages

Avec cette commande, nous obtenons la liste des packages qui peuvent être installés et qui ne sont pas inclus précédemment.

Toutes les commandes incluses dans la palette de commandes sont stockées dans le répertoire Packages. L'exemple de base de commande déclarée dans le fichier Default.sublime-commands est montré dans le code ci-dessous -

[
   { "caption": "Project: Save As", "command": "save_project_as" },
   
   { "caption": "Project: Close", "command": "close_project" },
   
   { "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]

Note - Le fichier JSON comprend 3 clés principales pour chaque commande -

  • Name/Caption
  • Location
  • Content

Le débogage consiste à rechercher les erreurs et les bogues dans le code donné et à les corriger. L'éditeur Sublime comprend divers plugins dotés de fonctionnalités de débogage, ce qui aide à trouver facilement les erreurs.

Dans ce chapitre, vous apprendrez comment déboguer une application Web PHP. Utilisations sublimesSublime TestX debugplugin à cet effet. Les fonctionnalités de ce plugin sont -

  • C'est une extension utilisée pour déboguer les fichiers PHP et les scripts.

  • Fournit une liste des capacités de débogage et de profilage.

  • Maintient les traces de pile et les paramètres en temps réel comme l'affichage et les fonctionnalités.

Installation de Sublime Plugin

Pour installer le plugin Sublime Text Xdebug, vous devrez suivre les étapes suivantes -

Step 1 - Installer l'installation de la palette de contrôle des packages avec le raccourci de Ctrl+Shift+P ou Cmd+shift+P.

Step 2 - Après l'installation réussie du client Xdebug, le fichier de configuration sera conservé dans le Installed Packagesdossier. Le fichier de configuration est le fichier JSON qui comprend les paramètres de débogage d'une application Web PHP.

Step 3 - Démarrez la session de débogage du fichier PHP en utilisant le raccourci Ctrl+F9. Vous pouvez également le faire en utilisant leStart Debug option utilisant la palette de commandes.

Step 4 - Les fenêtres séparées de XdebugClientaffichera la sortie du fichier PHP. Il conserve un processus de débogage du code ligne par ligne. Reportez-vous à la capture d'écran suivante pour une meilleure compréhension -

Sublime Text Editor a un plugin Web Inspectorpour le débogage du code JavaScript. Cela nous aide à définir des points d'arrêt, à examiner la console et à évaluer des sections de code. Dans ce chapitre, vous apprendrez en détail ce plugin.

Installation de Sublime Web Inspector

Les étapes suivantes montrent l'installation de Sublime Web Inspector -

Étape 1

Utilisez l'option de menu Preferences → Browse Packages pour obtenir le chemin des packages installés comme indiqué dans la capture d'écran donnée.

Étape 2

Avec l'aide de git invite de commande, clonez les packages de l'application Web de débogage Javascript à l'aide du référentiel git, comme indiqué dans la commande ci-dessous -

git clone -b ST3 "git://github.com/sokolovstas/SublimeWebInspector.git"

Étape 3

Pour tester l'installation, ouvrez une palette de commandes et démarrez l'inspecteur Web. Vous pouvez utiliser la touche de raccourci pour l'inspecteur WebCtrl+Shift+R sous Windows et Cmd+Shift+Rsur les systèmes OSX. Vous pouvez voir tous les points d'arrêt nécessaires pour l'application JavaScript, comme indiqué ci-dessous -

Le traitement par lots dans Sublime Text fait également référence à Build systems. Build Systems aide l'utilisateur à exécuter des fichiers via des programmes externes tels quemake, tidy et interpreters.

Les points suivants méritent d'être notés lorsque vous travaillez avec des systèmes Build -

  • Ce sont des fichiers JSON et ont l'extension .sublime-build.

  • Pour lancer le processus de construction, vous pouvez sélectionner l'option Tools → Build ou le raccourci Ctrl+B sous Windows et Cmd+B pour le système OSX.

Rappelons que tout au long de ce tutoriel, nous nous concentrons sur les fichiers Python. Sublime text inclut deux modes de construction pour les fichiers python.

Une fois la construction de Python terminée, vous pouvez observer la sortie suivante sur l'éditeur -

Vous pouvez voir la liste des résultats de construction créés pour le projet spécifique dans l'éditeur Sublime Text en utilisant l'option Tools → Build Results → Show Build Results.

Notez que les systèmes de construction et les fichiers complets associés au traitement par lots doivent être situés sous le Packages dossier (Packages/user). De nombreux packages dans Sublime Editor incluent leurs propres systèmes de construction.

Le mode sans distraction dans l'éditeur de texte Sublime permet d'afficher le code et les fichiers en plein écran. Vous pouvez entrer en mode sans distraction via l'optionView → Enter distraction mode élément du menu.

Une fois le mode de distraction activé dans l'éditeur Sublime Text, la sortie sera visible comme ci-dessous -

Tous les éléments accessibles par Chrome de l'interface utilisateur sont masqués, mais accessibles en mode distraction.

Personnalisation

Toutes les propriétés de personnalisation du mode sans distraction de l'éditeur de texte Sublime sont incluses dans Distraction Free.sublime-settings Fichier JSON comme indiqué dans la capture d'écran ci-dessous.

La capture d'écran suivante montre les propriétés incluses dans le mode sans distraction de l'éditeur Sublime -

Notez que les attributs comme line_numbers, gutter, draw_centered, wrap_width, word_wrap et scroll_past_end sont tels qu'ils permettent un mode sans distraction attrayant.

SublimeCodeIntel est un plugin important pour l'éditeur Sublime Text. Il offre les fonctionnalités suivantes -

  • Aller à la fonction de symbole, qui aide l'utilisateur à accéder au fichier et à la ligne spécifiée du symbole.

  • Comprend une bibliothèque de saisie semi-automatique et affiche les modules / symboles en temps réel.

  • Les info-bulles affichent des informations dans la barre d'état sur la fonction associée.

Installation

Vous pouvez installer le plugin SublimeCodeIntel en suivant les étapes suivantes -

Step 1- Obtenez la fonctionnalité de package d'installation de l'éditeur Sublime Text en utilisant le raccourci Ctrl + Shift + P sous Windows et Cmd + Shift + P pour le système OSX. Reportez-vous à la capture d'écran suivante pour une meilleure compréhension -

Step 2 - Maintenant, sélectionnez le plugin SublimeCodeIntel pour l'installation et redémarrez l'éditeur Sublime Text.

Step 3 - En cas d'installation réussie de SublimeCodeIntel plugin, votre écran ressemblera à ceci -

Configuration

Il existe deux configurations intégrées de SublimeCodeIntel -

  • Paramètres - Par défaut
  • Paramètres - Utilisateur

Reportez-vous à la capture d'écran suivante qui montre ces configurations -

La configuration pour SublimeCodeIntel est inclus dans le fichier JSON appelé SublimeCodeIntel.sublime-settings. La configuration nécessaire pour chaque langue est incluse dans le plugin SublimeCodeIntel comme ci-dessous -

/*
   Defines a configuration for each language.
*/

"codeintel_language_settings": {
   "Python3": {
      "python3": "/usr/local/bin/python3.3",
      "codeintel_scan_extra_dir": [
         "/Applications/Sublime Text.app/Contents/MacOS",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
      ],
      "codeintel_scan_files_in_project": true,
      "codeintel_selected_catalogs": []
   },
   
   "JavaScript": {
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_exclude_dir":["/build/", "/min/"],
      "codeintel_scan_files_in_project": false,
      "codeintel_max_recursive_dir_depth": 2,
      "codeintel_selected_catalogs": ["jQuery"]
   },
   
   "PHP": {
      "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_files_in_project": true,
      "codeintel_max_recursive_dir_depth": 15,
      "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]
   }
}

Ces configurations peuvent être personnalisées au fur et à mesure des besoins. Cela dépend du nombre de modules / bibliothèques installés par l'utilisateur avec divers paramètres tels que la taille et la complexité du projet sur lequel travaille l'utilisateur.