Maison > Périphériques technologiques > Industrie informatique > Début avec Microsoft Visual Studio Code sur Linux

Début avec Microsoft Visual Studio Code sur Linux

Jennifer Aniston
Libérer: 2025-02-20 10:57:09
original
517 Les gens l'ont consulté

Début avec Microsoft Visual Studio Code sur Linux

Les plats clés

  • Le code Visual Studio de Microsoft (VSCODE) est un éditeur de code multiplateforme qui fonctionne bien sur Linux, Mac et Windows, offrant des fonctionnalités telles que la complétion du code intelligent, la liaison, le débogage interactif, le contrôle de version et la prise en charge des outils de construction comme Gulp et Jake.
  • Le guide fournit un tutoriel étape par étape sur la façon d'installer et d'utiliser VScode sur Ubuntu, y compris la création d'un projet, en utilisant Intellisense pour l'achèvement de code automatique et les suggestions de code contextuelles, le débogage et l'utilisation du contrôle de version avec GIT.
  • Bien qu'il soit en avant-première en mai 2015, VSCODE est continuellement mis à jour avec des améliorations et de nouvelles fonctionnalités, qui sont toutes disponibles pour toutes les plateformes simultanément. L'interface est optimisée pour le développement Web, et le processus de configuration, bien que légèrement impliqué, vaut l'effort de ses fonctionnalités rationalisées.

Microsoft Visual Studio est l'un des environnements de développement intégrés les plus puissants disponibles, avec un seul inconvénient: il n'est disponible que pour Windows. Afin d'attirer les utilisateurs de Linux et Mac vers la famille Visual Studio Family of Development Tools, Microsoft a récemment lancé Visual Studio Code (ou VScode pour faire court) - un éditeur de code véritablement multiplateforme qui est à la fois rapide et léger.

VScode fonctionne également bien sur Linux, Mac et Windows. Cependant, parce que Microsoft Visual Studio 2013 lui-même est disponible sur Windows, VScode est le plus susceptible de voir plus d'adoption parmi les utilisateurs de Linux et Mac qui, jusqu'à présent, ont dû contenir des alternatives plus simples telles que le texte sublime, l'atom ou Komodo pour le développement Web pour le développement Web .

Voici quelques fonctionnalités qui pourraient faire de VScode une alternative convaincante à votre éditeur de code actuel:

  • Achèvement du code intelligent
  • libelting
  • Débogage interactif
  • Contrôle de version
  • Prise en charge des outils de construction tels que Gulp et Jake.

Dans la plupart des autres éditeurs de code populaires, ces fonctionnalités ne sont disponibles qu'après avoir installé les plugins appropriés manuellement, s'ils sont disponibles du tout.

Dans ce tutoriel, je vais vous montrer comment installer et utiliser VScode sur Ubuntu, l'une des distros Linux les plus populaires.

Remarque: Si vous êtes un utilisateur de Windows, vous pouvez toujours suivre ce tutoriel en sautant toutes les installations de ligne de commande. Il vous suffit d'utiliser le programme d'installation de Windows, ce qui définit tout pour vous.

Prérequis

Pour suivre ce tutoriel, vous aurez besoin:

  • Un ordinateur 64 bits exécutant Ubuntu 14.04 ou plus
  • un utilisateur sudo

Installation

Créez un répertoire pour vscode.

mkdir ~/VSCode
Copier après la connexion
Copier après la connexion
Copier après la connexion

Entrez ce répertoire et utilisez WGET pour télécharger vscode.

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'
Copier après la connexion
Copier après la connexion
Copier après la connexion

Extraire l'archive en utilisant unzip.

unzip VSCode-linux-x64.zip
Copier après la connexion
Copier après la connexion
Copier après la connexion

Créez un lien vers le code nommé exécutable à l'intérieur / usr / local / bin / afin qu'il puisse être exécuté à partir de n'importe quel répertoire.

mkdir ~/VSCode
Copier après la connexion
Copier après la connexion
Copier après la connexion

Démarrer VScode en tapant le code. Vous devriez pouvoir voir l'écran de bienvenue maintenant:

Début avec Microsoft Visual Studio Code sur Linux

Création d'un projet

Dans la version actuelle de VScode, il n'y a pas d'option pour créer un nouveau projet. Cependant, il peut traiter les répertoires existants comme des projets. Pour que cela le fasse, tout ce que vous avez à faire est de passer le répertoire en tant qu'argument de ligne de commande au code. Par exemple, pour qu'il traite le répertoire ~ / Jusqu'à un projet, vous pouvez taper:

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'
Copier après la connexion
Copier après la connexion
Copier après la connexion

Si votre projet n'a pas encore de fichiers, voici ce que vous verrez:

Début avec Microsoft Visual Studio Code sur Linux

Vous pouvez maintenant cliquer sur le nom de votre projet pour voir des boutons qui vous permettent de créer de nouveaux fichiers et dossiers:

Début avec Microsoft Visual Studio Code sur Linux

en utilisant Intellisense

Intellisense est un terme parapluie utilisé par Microsoft qui couvre des fonctionnalités telles que la complétion automatique du code et les suggestions de code contextuelles. Ceux-ci sont vraiment utiles pour augmenter la productivité, surtout lorsque vous utilisez une nouvelle API ou une nouvelle bibliothèque. Dans le présent aperçu de VSCODE, IntelliSense est disponible sur toutes les plates-formes pour JavaScript, CSS, HTML et quelques autres langues. Dans ce tutoriel, je vais vous montrer comment l'utiliser dans vos projets Node.js.

Pour voir les suggestions d'Intellisense, tout ce que vous avez à faire est d'appuyer sur l'espace de contrôle. Par exemple, dans Package.json de votre projet, invoquer Intellisense répertorie tous les champs disponibles:

Début avec Microsoft Visual Studio Code sur Linux

De même, en appuyant sur l'espace de contrôle dans vos fichiers JavaScript, vous pouvez voir les champs et méthodes disponibles dans certaines classes et objets courants.

Cependant, ces suggestions ne sont pas disponibles pour toutes les classes. Par exemple, si vous essayez de regarder les champs et méthodes disponibles dans une instance d'Express, vous ne trouverez rien par défaut:

Début avec Microsoft Visual Studio Code sur Linux

Pour résoudre ce problème, vous avez besoin des définitions de type TypeScript pertinentes. Pour obtenir ces définitions, vous pouvez utiliser TSD (TypeScript Definition Manager pour définitivement Typed), un module NPM.

Si vous ne l'avez pas déjà, installez-le à partir du terminal en utilisant:

unzip VSCode-linux-x64.zip
Copier après la connexion
Copier après la connexion
Copier après la connexion

Maintenant, à l'intérieur de votre répertoire de projet, vous pouvez utiliser TSD pour installer les définitions de type souhaitées. Par exemple, pour installer les définitions de type pour le cadre express, vous devez saisir ce qui suit:

sudo ln -s $PWD/Code /usr/local/bin/code
Copier après la connexion
Copier après la connexion

Cela créera un fichier nommé tsd.d.ts à l'intérieur de votre projet, dans un répertoire appelé Typings. Référence à ce fichier dans vScode en ajoutant le code suivant à votre fichier javascript:

cd ~/JustAnotherApp
  code .
Copier après la connexion
Copier après la connexion

Vous pouvez maintenant appuyer sur l'espace de contrôle pour voir que des suggestions sont disponibles pour les objets qui appartiennent au cadre express:

Début avec Microsoft Visual Studio Code sur Linux

Débogage

Dans la plupart des éditeurs de code léger, le support de débogage est soit absent, soit pris en charge uniquement avec l'aide de plugins. VScode, en revanche, arbore un débogueur interactif intégré qui peut considérablement améliorer votre expérience de codage. La première fois que vous essayez d'utiliser le débogueur dans votre projet Node.js, VScode génère un fichier nommé Launch.json qui contient divers détails de configuration. Ce fichier peut avoir besoin de quelques modifications en fonction de votre projet. Les champs les plus importants de cette configuration sont le nom et le programme. Par défaut, le nom a la valeur Launch App.js et le programme a la valeur app.js. Vous devez les modifier pour correspondre aux fichiers de votre projet. Par exemple, si le nom du fichier principal de votre projet est index.js au lieu d'applications, votre lancement.json devrait contenir:

mkdir ~/VSCode
Copier après la connexion
Copier après la connexion
Copier après la connexion

Bien que cela fonctionne hors de la boîte sur Windows, sur Ubuntu (et la plupart des autres distros Linux et Mac OS X), vous devez installer Mono 3.10.0 ou plus pour que le débogueur fonctionne. Sans cela, essayer de démarrer le débogueur échouera:

Début avec Microsoft Visual Studio Code sur Linux

Pour installer la dernière version de Mono, vous devez ajouter un nouveau PPA aux sources logicielles d'Ubuntu. Faites-le en ouvrant un terminal et en tapant:

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'
Copier après la connexion
Copier après la connexion
Copier après la connexion

Vous pouvez désormais installer mono en utilisant Apt-get.

unzip VSCode-linux-x64.zip
Copier après la connexion
Copier après la connexion
Copier après la connexion

Enfin, créez un lien vers l'exécutable mono à l'intérieur / usr / bin:

sudo ln -s $PWD/Code /usr/local/bin/code
Copier après la connexion
Copier après la connexion

Retournez à VScode et recommencez le débogage. Vous devriez le voir fonctionner:

Début avec Microsoft Visual Studio Code sur Linux

Utilisation du contrôle de version

Sur toutes les plates-formes, VScode prend en charge le contrôle de version avec GIT. Pour utiliser cette fonctionnalité, vous devez installer Git sur votre ordinateur. Sur Ubuntu, vous pouvez installer Git en ouvrant à nouveau un terminal et en tapant ce qui suit:

cd ~/JustAnotherApp
  code .
Copier après la connexion
Copier après la connexion

Revenez à VScode et cliquez sur le bouton GIT dans la barre d'outils. Vous serez invité à initialiser un nouveau référentiel:

Début avec Microsoft Visual Studio Code sur Linux

Une fois initialisé, VScode vous montre tous les fichiers qui doivent être engagés ou mis à jour. La commission est aussi simple que de taper un message de validation et de cliquer sur la coche:

Début avec Microsoft Visual Studio Code sur Linux

Utilisation de Markdown Aperçu

Sur toutes les plates-formes, VScode prend en charge la prévisualisation de Markdown, et il fonctionne sans installations supplémentaires. Lorsque vous modifiez un fichier Markdown, appuyez sur Control Shift V à tout moment affiche un aperçu du fichier.

par exemple, si votre fichier de marque ressemble à ceci:

Début avec Microsoft Visual Studio Code sur Linux

… L'aperçu montrera ceci:

Début avec Microsoft Visual Studio Code sur Linux

Conclusion

Vous savez maintenant comment installer et exécuter le code Visual Studio - le premier outil de développement de la famille Visual Studio de Microsoft qui prend en charge Linux - sur votre système Ubuntu. Bien que le processus de configuration soit légèrement impliqué, vous devez l'essayer afin de découvrir son interface lisse et rationalisée qui est optimisée pour le développement Web.

En mai 2015, VSCODE était toujours en avant-première, avec des améliorations et de nouvelles fonctionnalités susceptibles d'apparaître dans les mois suivants. Les mises à jour sont faciles à installer et sont disponibles pour toutes les plates-formes en même temps.

Si vous avez des questions ou des commentaires sur ce guide, faites-le moi savoir. Avez-vous déjà essayé VScode? Si oui, qu'avez-vous pensé?

Questions fréquemment posées (FAQ) sur le code Visual Studio sur Linux

Le code Visual Studio est-il compatible avec Linux?

Oui, le code Visual Studio est entièrement compatible avec Linux. Il s'agit d'un éditeur de code source léger mais puissant qui s'exécute sur votre bureau et est disponible pour Windows, MacOS et Linux. Il est livré avec une prise en charge intégrée pour JavaScript, TypeScript et Node.js, et possède un riche écosystème d'extensions pour d'autres langues telles que C, C #, Python, PHP, et plus encore.

Comment puis-je installer Visual Studio Code sur Linux?

L'installation du code Visual Studio sur Linux est simple. Vous pouvez télécharger le package .deb à partir du site Web officiel du code Visual Studio et l'installer à l'aide de la commande DPKG. Alternativement, vous pouvez également l'installer via le gestionnaire de packages SNAP si votre distribution Linux la prend en charge.

Puis-je utiliser le code Visual Studio pour le développement C sur Linux?

Oui, vous pouvez utiliser Visual Studio Code pour le développement C sur Linux. Vous devrez installer l'extension C pour Visual Studio Code, et également installer GCC ou Clang sur votre système. L'extension C fournit des fonctionnalités telles que Intellisense, la navigation de code et le support de débogage.

Le code Visual Studio est-il open source?

Oui, le code Visual Studio est open source. Il est développé et entretenu par Microsoft, et son code source est disponible sur GitHub. Cela signifie que vous pouvez contribuer à son développement, signaler des bogues ou même créer votre propre fourche du logiciel.

Comment mettre à jour le code Visual Studio sur Linux?

Si vous avez installé Visual Studio Code via le gestionnaire de package SNAP, il sera automatiquement mis à jour chaque fois qu'une nouvelle version est disponible. Si vous l'avez installé via le package .deb, vous devrez télécharger et installer le nouveau package manuellement.

Puis-je utiliser le code Visual Studio sur Linux pour le développement de Python?

Oui, Visual Studio Le code est un excellent choix pour le développement de Python sur Linux. Vous devrez installer l'extension Python pour Visual Studio Code, qui fournit des fonctionnalités telles que Intellisense, lineting, débogage, navigation de code, formatage de code, support de cahier Jupyter, refactoring, et plus encore.

Le code Visual Studio prend-il en charge le développement à distance sur Linux?

Oui, le code Visual Studio prend en charge le développement à distance via l'extension à distance - SSH. Cela vous permet d'utiliser une machine distante comme s'il s'agissait de votre machine locale, ouvrant un tout nouvel ensemble de possibilités de développement basé sur le cloud.

Puis-je personnaliser l'apparence du code Visual Studio sur Linux?

Oui, le code Visual Studio est hautement personnalisable sur Linux. Vous pouvez modifier le thème, personnaliser la disposition de l'espace de travail et même créer vos propres clés personnalisées.

Le code Visual Studio prend-il en charge Git sur Linux?

Oui, Visual Studio Code a une prise en charge intégrée intégrée pour Git sur Linux. Vous pouvez effectuer des opérations GIT directement à partir de l'éditeur, afficher des difficultés de vos modifications, des changements de scène et de commettre, et plus encore.

Puis-je exécuter le code Visual Studio sur un Raspberry Pi exécutant Linux?

Oui , vous pouvez exécuter Visual Studio Code sur un Raspberry Pi exécutant Linux. Vous devrez installer la version ARM de Visual Studio Code, qui est disponible sur le site officiel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal