10 Conseils essentiels de la productivité pour le code studio visuel

J`adore absolument Code de Visual Studio. Il a remplacé Sublime Text comme éditeur de texte de votre choix et je ne pense pas que je vais jamais revenir. Et même si elle est basée sur javascript comme d`autres alternatives de Sublime Text (à savoir Atom et autres supports), le code VS est rapide comme l`éclair.

Et au cas où vous poseriez la question, oui: VS code est open source et disponible sur GitHub. Surprenant, non? Il y a dix ans, si je vous ai dit que Microsoft allait commencer à embrasser open source, vous auriez ri au nez. Maintenant, regardez où nous en sommes.10 Free Open Source Utilitaires Windows Hébergé sur GitHub10 Free Open Source Utilitaires Windows Hébergé sur GitHubMicrosoft est l`organisation avec les contributeurs de sources les plus ouvertes sur GitHub. Pour célébrer cette réussite, nous avons compilé une liste des meilleurs outils gratuits Windows, vous pouvez télécharger à partir GitHub.Lire la suite

Quoi qu`il en soit, nous allons passer à elle. Voici treize conseils essentiels qui vous aideront à obtenir à l`aise et accroître votre productivité dans le code Visual Studio.

1. Maître de la palette de commandes

Tout comme Sublime Text (et TextMate avant lui), le code VS a quelque chose appelé palette de commande. Cette fonction vous permet d`accéder à différentes commandes simplement en les tapant plutôt que d`être obligé de naviguer dans les menus en utilisant votre souris.

Video: La recette de la productivité

visuel-studio-code commande palette

Vous pouvez afficher la palette de commande avec la CTRL + MAJ + P raccourci clavier. Il suffit de commencer à taper ce que vous voulez faire (par exemple « fermer ») et les options seront mises à jour en temps réel. Certaines commandes sont classées (par exemple « Fichier », Git », « Terminal », etc.), de sorte que vous pouvez utiliser pour localiser les commandes que vous ne pouvez pas sembler trouver.

2. Définir un dossier de travail du projet

Si vous cliquez sur Explorateur dans la barre latérale de navigation, vous verrez une nouvelle sous-panneau ouvrir. Cette sous-panneau est divisé en deux sections: les éditeurs ouverts (à savoir les fichiers et documents ouverts) et aucun dossier ouvert. Ce dernier est ce qui nous intéresse.

visuel-studio-code-dossier de travail

Cliquez Dossier ouvert (Ou vous pouvez accéder à Fichier gt; Dossier ouvert… dans la barre de menu) et sélectionnez un dossier sur votre système. Cette charge ce dossier dans le code VS comme le « projet de travail en cours », vous permettant d`accéder facilement à tous les fichiers et sous-dossiers, de sorte que vous ne devez pas continuer renversant en arrière pour l`explorateur de fichiers.

3. Voir plusieurs fichiers à la fois

La plupart des éditeurs de texte modernes peuvent prendre en charge plusieurs fichiers à la fois, vous permettant de basculer entre les fichiers ouverts par une sorte d`interface à onglets. Plus des éditeurs de texte avancés peuvent même soutenir l`édition de texte côte à côte, qui code VS ne (bien horizontalement uniquement).

visuel studio code-côte à côte

Mais le montage côte à côte est difficile sur des écrans plus petits, que cela signifie sur un ordinateur portable ou un moniteur plus ancien - et c`est là le code VS brille.

Il a quelque chose appelé panneaux dynamiques, où si l`un des panneaux de documents ouverts est trop étroite, il se creusera automatiquement lorsque vous faites ce document actif (à savoir placer le curseur à l`intérieur). Si vous utilisez encore une proche résolution 720p, vous allez adorer cette fonctionnalité.

4. Modifier plusieurs lignes à fois

Si vous avez besoin d`insérer ou de supprimer plusieurs instances de texte dans un document, tout ce que vous devez faire est de créer plusieurs curseurs. Vous pouvez le faire en maintenant ALT (ou Option sur Mac) et en cliquant n`importe où dans le texte. Chaque clic crée un nouveau curseur.

Visual-studio-code multiple-curseurs

Ceci est particulièrement utile pour des choses comme HTML, où vous voudrez peut-être ajouter de nombreux cas, de la même classe ou changer le format de plusieurs hyperliens. Apprendre et l`aimer.

5. Aller à la définition

Lorsque vous programmez ou les scripts, souvent vous tomberez dans une variable ou une méthode que vous ne reconnaissez pas. Donc que fais-tu? Vous pourriez passer plusieurs minutes pour chercher le bon fichier, ou vous pouvez sélectionner la variable / méthode avec votre curseur et frappé F12 de sauter immédiatement à sa définition.

visuel studio code-définition

Ou vous pouvez utiliser ALT + F12 simplement de jeter un regard à la définition, qui vous montre le droit de définition dans la ligne où le curseur est plutôt que d`ouvrir le fichier source.

visuel-studio-code en ligne

Pour aller dans le sens inverse, vous pouvez sélectionner une variable définie / méthode et de l`utilisation SHIFT + F12 pour trouver toutes les références à elle. Cela montre aussi en ligne à votre curseur.

Pour utiliser ces fonctions, vous devez vous assurer que le dossier approprié est ouvert comme le « projet de travail en cours » (voir conseil n ° 2).

6. Renommer toutes les occurences

Refactoring est aspect nécessaire de l`écriture et la maintenance du code propre, mais il peut être tout à fait le mal de tête - surtout quand vous refactorisation un grand module ou un morceau autrement énorme de code. Ainsi, au lieu de la chasse à travers des dizaines de fichiers simplement renommer une variable ou une méthode, que le code VS faire pour vous.10 conseils pour Cleaner écriture & code de mieux10 conseils pour Cleaner écriture & code de mieuxcode propre écriture semble plus facile que c`est en fait, mais les avantages en valent la peine. Voici comment vous pouvez commencer à écrire un code plus propre aujourd`hui.Lire la suite

Si vous sélectionnez une variable / méthode et appuyez sur F2, vous pouvez modifier le nom et il va changer tous les cas du nom de cette variable tout au long de l`ensemble du projet de travail en cours.

visuel-studio code refactoring

Si vous ne souhaitez modifier dans le fichier en cours, l`utilisation CTRL + F2 et VS code va apparaître un curseur à chaque instance dans tout le fichier en cours.

7. À travers de nombreux fichiers Recherche

Si vous travaillez avec des fichiers qui ne sont pas le code source, le symbole d`enquête caractéristiques ci-dessus (en pointe # 5) ne seront pas utilisables. Que pouvez-vous faire quand vous avez besoin de trouver une phrase ou un mot, mais ne savez pas quel fichier il est en? Vous revenez à la base trouver fonction.

visuel-studio code recherche

CTRL + F vous permet de rechercher dans le fichier en cours, alors que CTRL + MAJ + F vous permet de rechercher dans les tous les fichiers dans l`ensemble du projet de travail en cours, y compris tous les sous-dossiers récursive.

8. Profitez du terminal

VS code est livré avec un Terminal intégré. Sous Windows, ce terminal apparaît comme l`invite de commandes. Sous Mac et Linux, il apparaît comme une invite de Bash. De toute façon, le terminal démarre dans le répertoire du projet en cours de travail (si l`on est chargé) ou dans votre dossier personnel (si aucun projet est chargé).

visuel-studio terminal Code

Il soutient également la possibilité d`avoir plusieurs, des bornes séparées. Cliquez simplement sur le + en haut à droite pour se reproduire plus des cas terminaux, ou cliquez sur le Poubelle pour fermer la borne de courant. Le menu déroulant permet de basculer facilement entre eux (et ne gaspille pas autant d`espace d`écran comme pourrait interface de tabulation).

9. Installez un nouveau thème

Comme on pouvait s`y attendre, le code VS permet de vous thème de la coloration syntaxique du texte et du code source. Malheureusement, il ne permet pas thématisation de l`interface elle-même, mais la mise en évidence de la syntaxe est le bit importante. Vous seriez surpris de voir à quel point un bon thème peut augmenter votre productivité.

Visual-studio-codes-thèmes

Vous pouvez trouver de nouveaux thèmes sur le code VS marché (ne vous inquiétez pas, ils sont gratuits) ou vous pouvez les rechercher directement dans le code VS.

10. Installer les extensions tierces

La dernière caractéristique essentielle que nous voulons souligner est le code VS extensibilité par extensions tierces. Comme les autres thèmes, vous pouvez les trouver sur le code VS marché (oui, ceux-ci sont libres aussi bien) ou vous pouvez les rechercher dans le code VS. Accédez au panneau Extensions avec CTRL + MAJ + X.

visuel studio de code-extensions

Les extensions sont la clé pour maximiser votre productivité. Vous trouverez toutes sortes d`outils ici, comme bourres, débogueurs, extraits, amélioration de la qualité de vie au Code VS lui-même, construire des outils et même celui qui met en œuvre l`émulation de Vim.Le Top 7 raisons de donner VIM Text Editor A ChanceLe Top 7 raisons de donner VIM Text Editor A ChancePendant des années, je l`ai essayé un éditeur de texte après l`autre. Vous le nom, je l`ai essayé. Je chacun de ces éditeurs pour plus de deux mois que mon premier jour à jour éditeur. D`une certaine façon, je ...Lire la suite

Video: Le code de la route... au LPFA

Code de Visual Studio: Que pensez-vous?

Autant que je l`aime, je serai le premier à admettre que le code VS est pas parfait pour tout le monde - rien n`est jamais - et il ne peut pas être ce que vous cherchez. Ou peut-être exactement De quoi as-tu besoin! Faites un essai et aller avec un esprit ouvert. Je pense que vous serez surpris par ce que vous trouvez.

Je suis curieux d`entendre ce que vous pensez de code Visual Studio! Pensez-vous qu`il ne manque rien par rapport à ses solutions de rechange? Quelles sont les fonctionnalités appréciez-vous le plus?

Que recherchez-vous dans un éditeur de texte? Faites-nous savoir dans un commentaire en bas!

Articles connexes