Construire un environnement de développement et de débogage VSCode (recommandation de plug-in puissante et pratique)-VSCode-php.cn

Construire un environnement de développement et de débogage VSCode (recommandation de plug-in puissante et pratique)

青灯夜游

Libérer： 2021-01-26 18:38:37

avant

3805 Les gens l'ont consulté

Construire un environnement de développement et de débogage VSCode (recommandation de plug-in puissante et pratique)

Recommandations associées : "Tutoriel vscode"

Alors que VSCode continue de s'améliorer et de devenir plus puissant, il est temps de migrer certains développements vers VS Coder.

Utilisant actuellement VS2019 pour développer des applications .NET Core, j'ai toujours eu l'idée de cloner l'environnement de développement VS dans VS Code et de migrer vers VS Code en même temps.

Alors commençons maintenant.

Tout d'abord, installez la dernière version de VS Code : https://code.visualstudio.com/ Une fois l'installation terminée, vous pouvez être invité à mettre à niveau :

Version : 1.40.1 (configuration du système)
Commit : 8795a9889db74563ddd43eb0a897a2384129a619
Date : 2019-11-13T16:49:35.976Z
Electron 6. 1.2Chrome : 76,0. .js : 12.4 .0V8 : 7.6.303.31-electron.0OS : Windows_NT x64 10.0.16299

L'opération suivante est divisée en plusieurs étapes :

1. Installer divers logiciels puissants.

VSCodePlug-in

2. Créer des solutions et des projets .NET Core

3. Déboguer et exécuter

D'accord, commençons.

1. Installez divers plug-ins VS Code puissants

1. Extension C# pour Visual Studio Code

Cette prise. -in Les fonctionnalités les plus importantes :

Excellente prise en charge de l'édition C#, notamment la mise en évidence de la syntaxe, IntelliSense, Aller à la définition, Rechercher toutes les références, etc. .
Prise en charge du débogage pour .NET Core (CoreCLR). REMARQUE : le débogage Mono n'est pas pris en charge. Le débogage Desktop CLR a une prise en charge limitée.
Prise en charge des projets project.json et csproj sous Windows et macOS. et Linux .

Extensions C#

La fonction la plus utile de ce plug-in est que vous pouvez. cliquez avec le bouton droit pour créer une nouvelle classe C# et une nouvelle interface C# et prend en charge divers extraits de code, tels que ctor, prop, etc. Pour des fonctionnalités fonctionnelles spécifiques, vous pouvez consulter la description du plug-in.

3. Utilisation automatique pour C#

Ce plug-in ajoute automatiquement des références d'utilisation.

4. vscode-solution-explorer

Ce plug-in ajoute un onglet de solution à VS Code, prenant en charge de nouvelles solutions, de nouveaux projets et ajoutant des références. . Package Nuget, ce plug-in est très utile

Ajoute un panneau Explorateur de solutions où vous pouvez trouver un explorateur de fichiers de solutions Visual Studio.

Peut charger n'importe quel .sln. version
Prend en charge csproj, vcxproj, fsproj et vbproj (à partir de vs2017 et avant)
Prend en charge les projets de base dotnet
Vous pouvez créer, supprimer, renommer ou déplacer des dossiers et des fichiers de projet.
Vous pouvez créer, supprimer, renommer ou déplacer des solutions, des dossiers de solutions et des projets.
Vous pouvez ajouter ou supprimer des packages et des références lorsque le projet est de type CPS (dotnet core).

5. Code Runner (produit par le professeur Han Jun, doit être un produit de haute qualité)

Exécutez un extrait de code ou un fichier de code pour plusieurs langages :

C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, Script F#, F# (.NET Core), Script C#, C# (.NET Core), VBScript , TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Gratuit Pascal, Haskell, Nim, D, Lisp , Kit et commande personnalisée

c'est-à-dire sélectionner un morceau de code et l'exécuter directement

vscode-icons

Grâce à ce plug-in, attribuez à chaque fichier et dossier une icône qui vous est plus familière

7. Visual Studio IntelliCode

VS Code Intelligent Tips, en fonction du contexte, recommande automatiquement le code que vous utilisez ensuite, l'arrière-plan est basé sur l'IA

8. Gestionnaire de packages NuGet

Gestion des packages Nuget, interrogez, localisez et installez rapidement les packages Nuget. Mais j'ai essayé de personnaliser la source Nuget pendant un après-midi, mais je n'y suis pas parvenu. C'est probablement parce que l'URL est erronée

Docker

10. Kubernetes

D'autres doivent également configurer la gestion du code source comme GitHub et TFS ont deux plug-ins, mais. ils ne sont pas faciles à utiliser. Je les mettrai à jour une fois terminés.

2. Créer des solutions et des projets .NET Core

À ce stade, la configuration de base de l'environnement VS Code est presque terminée et il existe deux modèles d'étapes suivantes, créer des solutions et des projets.

1. Via vscode-solution-explorer

La solution est là et elle semble très familière.

Nous pouvons continuer à créer le projet : faites un clic droit sur sln, Ajouter un nouveau projet :

Le modèle de projet apparaîtra à ce moment-là, nous sélectionnons. Projet d'API Web ASP.NET Core

Sélectionnez C#

, puis continuez à entrer le nom du projet : par exemple TestWebApi

Un sentiment familier arrive. À ce stade, vous pouvez commencer à coder.

Ce qui précède est notre nouvelle solution et notre nouveau projet via vscode-solution-explorer. En même temps, nous pouvons le faire via la ligne de commande.

2. Créez un nouveau sln via la ligne de commande Dotnet CLI

dotnet

Copier après la connexion

Nouvelle API Web ASP.NET Core project

dotnet "new" "webapi" "-lang" "C#" "-n" "TestWebApi" "-o" "TestWebApi"

Copier après la connexion

Ajoutez le projet TestWebApi à la solution EricTest

dotnet "sln" "e:\Work\ServiceDependency\EricTest.sln" "add" "e:\Work\ServiceDependency\TestWebApi\TestWebApi.csproj"

Copier après la connexion

3 Déboguez et exécutez

dans. l'onglet Débogage Ajoutez la configuration de débogage, concentrez-vous sur la configuration du programme à déboguer

Après l'enregistrement, démarrez le débogage :

Ajoutez un point d'arrêt dans le programme, puis

entrez l'URL : https ://localhost:5001/WeatherForecast

est prêt pour le débogage.

Pour plus de connaissances sur la programmation, veuillez visiter :

Vidéo de programmation ! !

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!