04
MAI

Visual Studio Code: L'IDE multi OS pour développer en Node.js et .NET

Publié le 04/05/15 à 09h10 par DJo

Visual Studio Code est un IDE gratuit permettant de développer sur Windows, Linux et Mac OS X avec les langages web, Node.js et .NET.

Visual Studio Code est un IDE gratuit permettant de développer sur Windows, Linux et Mac OS X avec les langages Node.js et .NET.

Microsoft montre clairement ses ambitions: Se rapprocher de la communauté des développeurs et du monde open source.

Avec Code, son nouvel IDE gratuit, la firme frappe un grand coup et attaque en frontal les IDE spécialisés en technologies web.

Code est disponible sur les 3 OS du marché: Windows, Linux, Mac OS X, pour s'adapter aux préférences de chaque développeurs. Vous ne serez donc plus obligés de lancer votre bootcamp windows pour ouvrir Visual Studio !

Visual Studio Code IDE - Gestion avancée des fenêtres

On retrouve de nombreuses fonctionnalités phares d'un bon IDE: Autocomplétion avancée avec IntelliSense, complétion des crochets / accolades, sélection et multi-curseurs, suggestions / aide pour compléter les paramètres de fonctions/méthodes, gestion de snippets ...

Vous pourrez aussi disposer l'IDE à votre guise en jouant sur les différentes fenêtres internes (Un côté le SASS, de l'autre le HTML et pourquoi pas une fenêtre TypeScript).

Côté langages gérés par l'IDE on retrouve les principaux langages web: CSS, HTML, JavaScript, JSON, Less, Sass qui bénéficient d'IntelliSense pour une auto-complétion intelligente et efficace.

Mais aussi d'autres langages sans gestion IntelliSense mais avec un bon support de la coloration syntaxique: Batch, C++, Closure, Coffee Script, DockerFile, F#, Go, Jade, Java, HandleBars, Ini, Lua, Makefile, Markdown, Objective-C, Perl, PHP, PowerShell, Python, R, Razor, Ruby, SQL, Visual Basic, XML.

Les langages les plus poussés dans l'IDE sont le C# (pas étonnant :)) et TypeScript, qui bénéficient en plus de fonctionnalités avancées en refactoring et génération automatique de code.

Voici quelques fonctionnalités de l'IDE en images:

Visual Studio Code IDE - Preview des définitions

Sans quitter votre code actuel, il est possible d'afficher une preview de la définition ou des références de telle ou telle méthode / classe. Pratique!

Visual Studio Code IDE - Gestion de GIT et des conflits

Visual Studio Code IDE - Code couleur dans la goutière avec l'état de modification des lignes du fichier

Code gère aussi bien GIT grâce à l'intégration de VSCode. Il permet par exemple de voir quelles sont les lignes ajoutées ou supprimées depuis le dernier commit... 

L'IDE gère aussi le versionning et vous aide à résoudre les conflits éventuels à l'aide de codes couleurs ...

Visual Studio Code IDE - Navigation par référence

Il est facile de naviguer entre références ou définitions à l'aide de l'outil prévu à cet effet. 

Visual Studio Code IDE - Références sur les méthodes / classes

Vous pouvez afficher le nombre de références pour chacune de vos méthodes et appliquer du refactoring de masse si vous désirez renommer votre méthode.

Visual Studio Code IDE - Suggestions auto

Des suggestions peuvent vous être proposées si l'IDE ne reconnaît pas une définition ou s'il y'a une erreur. Des choix pour tenter de résoudre le problème sont proposés pour vous faire gagner du temps.

Visual Studio Code IDE - Debug avancé avec breakpoints ..

On retrouve aussi toute la puissance de l'outil de debug de Visual Studio, vous pourrez facilement ajouter des breakpoints dans vos applications Node.js pour comprendre le déroulement de ces dernières.

Pour le moment, l'IDE est en phase preview et devrait proposer de nombreuses fonctionnalités supplémentaires prochainement. Il sera notamment possible de développer ses propres modules pour étendre les fonctionnalités. On devrait donc pouvoir transformer Code en IDE PHP...

 

Site Officiel

Baraguiné par Krogoth le 04/05/15 à 09h20
Krogoth sur La Ferme du Web
Du point de vue réactivité il est plutôt du coté sublimeText ou plutôt du coté brackets (voir php/webStorm).
Baraguiné par EoleO le 04/05/15 à 11h53
EoleO sur La Ferme du Web
Krogoth c'est un IDE basé sur Atom donc c'est dans le même genre que Sublime Text ou Brackets.
Baraguiné par Krogoth le 04/05/15 à 14h02
Krogoth sur La Ferme du Web
Sauf que la réactivité de sublimeText et celle d'atom est incomparable...
Baraguiné par ErwinCD1 le 17/04/18 à 09h41
ErwinCD1 sur La Ferme du Web
Tester et valider ! adepte de visual studio à l'origine !
bon éditeur de code! http://www.charles-dufant.fr/

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web