Sublime Text 3 offre de nombreuses fonctionnalités et raccourcis pour que le codeur moderne puisse jouer. Jetons un coup d'œil sur le plus important qui, à mon avis, renforcera votre flux de travail à un nouveau niveau. Apprenez à utiliser des raccourcis de base, à travailler avec des projets ou à manipuler des onglets souvent sans même cliquer avec votre souris.
Je connais beaucoup de développeurs qui n'utilisent pas cette fonctionnalité géniale. Quel est votre processus typique si vous travaillez sur un projet? Peut-être quelque chose comme:
Pas assez bon. Supposons que vous ayez travaillé sur un dossier hier soir et que vous souhaitiez ce matin poursuivre votre chemin. Le flux de travail que nous avons mentionné est assez inefficace, alors laissez-moi plutôt attirer votre attention sur Projet dans la barre de menu de Sublime Text:
Chaque projet enregistré a son propre fichier de configuration, donc pour commencer, nous avons besoin de quelque part sur notre système pour stocker tout cela. Commencez par créer un dossier, de la manière à laquelle vous êtes habitué, appelé projets sublimes
(par exemple).
Commencez ensuite un nouveau projet, comme d’habitude, en démarrant un nouveau fichier ou dossier dans Sublime. Maintenant, allez à Projet> Enregistrer le projet sous… Accédez au projets sublimes
dossier, donnez un nom à votre nouveau projet et enregistrez-le.
Pour accéder rapidement à une liste de tous les projets précédents, utilisez le raccourci CMD-CTRL-P. Tapez une requête de recherche pour filtrer la liste, appuyez sur Entrée et vous ouvrirez immédiatement les dossiers et les fichiers de ce projet dans la barre latérale..
Vous trouverez votre projet avec des dossiers et des onglets ouverts ou fermés exactement comme vous les avez laissés..
Basculer d'un projet à l'autre est également très simple..
Je trouve que c'est la plus grande économie de temps de tous les temps. Il est préférable de taper que de cliquer sur lors de la recherche d’un fichier. Ainsi, avec un projet ouvert, appuyez sur CMD-P et obtenez en tapant!
Les onglets sont un excellent moyen de vous donner un aperçu de votre projet actuel. Le plus souvent, vous utiliserez un onglet pour les fichiers HTML, un autre pour CSS et parfois un dernier pour JavaScript. Avec ces raccourcis rapides, il est possible de créer des onglets vite:
Maintenant, parcourons tous ces onglets:
Je ne suis pas fan de la sélection avec la souris - c'est trop compliqué et trop lent. Par exemple, commencez au début d'un mot, maintenez le bouton de la souris enfoncé et faites-le glisser jusqu'à la fin du mot ou de la ligne. Souvent, vous n'avez pas la sélection que vous vouliez. Utilisez les raccourcis suivants et vous ne serez pas déçu!
Faites une sélection et trouvez, une par une, d'autres instances en appuyant sur CMD-D.
Encore une fois, faites une sélection, mais maintenant pour trouver toutes les instances en une seule frappe CMD-CTRL-G.
Ici, nous avons sélectionné une ligne entière, et nous pouvons maintenant sélectionner des lignes entières ultérieures, étape par étape, avec CMD-L.
Cliquez dans un élément avec des éléments enfants. Puis appuyez CMD-SHIFT-J et tous les éléments enfants seront sélectionnés.
Ce sont quelques autres raccourcis sans lesquels je ne pourrais pas vivre.
Pour rechercher une fonction dans le fichier actuel, appuyez sur CMD-R puis entrez un terme de recherche pour filtrer la fonction que vous voulez trouver.
Cliquez sur la ligne que vous souhaitez copier, puis appuyez sur CMD-SHIFT-D. Maintenant, vous avez une ligne en double, identique dans tous les sens, et le curseur saute avec elle.
Frappé CMD-CTRL- ou CMD-CTRL- ↑ changer la position d'une ligne.
Si vous écrivez la balise de début et ne veulent pas le fermer manuellement, puis appuyez sur CMD-ALT-. et Sublime Text le fermera pour vous. Une autre méthode consiste à écrire
envergure
sans équerres, puis appuyez sur LANGUETTE.
Sublime Text a même un raccourci pour masquer et afficher la barre latérale. presse CMD-K-B pour le basculer.
Donc, vous voulez avoir plus d'un curseur? Tenir CMD puis cliquez à l'endroit où vous voulez un deuxième curseur. Vous pouvez répéter le processus et obtenir autant de curseurs que vous le souhaitez..
Pour la première technique, vous devez cliquer sur chaque endroit où vous voulez un autre curseur. Mais peut-être avez-vous des lignes où vous voulez un curseur sur chacune d’elles, toutes alignées verticalement. Ne cliquez pas sur chacun séparément, mais sur ALT puis, en maintenant le bouton gauche de la souris appuyé, faites glisser votre curseur vers le haut ou le bas.
Personnellement, j'écris souvent Markdown dans Sublime Text, mais au début je n'avais pas un aperçu de mon document. Puis j'ai trouvé Markdown Preview.
Pour l'installer, allez dans votre éditeur, appuyez sur CMD-SHIFT-P pour ouvrir le Gestionnaire de paquets, recherchez Contrôle des colis: Installer le paquet, puis chercher Aperçu du démarquageet appuyez sur entrer pour l'installer.
Maintenant, ouvrez votre fichier Markdown, exécutez le CMD-SHIFT-P raccourci à nouveau et rechercher Réduction - là vous trouverez l'article Aperçu du démarquage: aperçu dans le navigateur. Cliquez dessus et votre navigateur par défaut ouvrira un onglet avec l'aperçu.
Ce plugin vous aidera à écrire CSS plus rapidement et à ajouter des aides. Hayaku est comparable à Emmet, mais avec beaucoup plus de fonctionnalités en particulier pour les propriétés en CSS.
Voici quelques exemples d’abréviations de propriété / valeur utilisant Hayaku (hit LANGUETTE exécuter chacun):
par
position: relative;mt10
marge supérieure: 10 px;cF
couleur: #FFF;brr
répéter en arrière-plan: répéter;tdn
texte-décoration: aucun;Il est possible d'utiliser le clavier pour incrémenter ou décrémenter des valeurs numériques. Placez votre curseur sur le numéro et utilisez les raccourcis suivants.
Tout le monde devrait apprendre les raccourcis dans les applications de leur choix! Si vous êtes déjà frustré d'avoir à répéter les tâches plusieurs fois, cherchez un raccourci. Si vous en trouvez un, prenez le temps de l’apprendre; il vous remboursera à maintes reprises.
Quels sont vos raccourcis préférés pour Sublime Text 3? Lesquels utilisez-vous quotidiennement?