« Visual studio code » : différence entre les versions
Aucun résumé des modifications |
mAucun résumé des modifications |
||
| Ligne 19 : | Ligne 19 : | ||
* [https://marketplace.visualstudio.com/items?itemName=wcwhitehead.bootstrap-3-snippets bootstrap 3 snippets] : pour rapidement maquetter un front-end à votre application | * [https://marketplace.visualstudio.com/items?itemName=wcwhitehead.bootstrap-3-snippets bootstrap 3 snippets] : pour rapidement maquetter un front-end à votre application | ||
* [https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint JSHint] : analyse votre code javascript statique et détecte les problèmes | * [https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint JSHint] : analyse votre code javascript statique et détecte les problèmes | ||
* [https://marketplace.visualstudio.com/items?itemName=ms-vsts.team Visual Studio Services] : permet de | * [https://marketplace.visualstudio.com/items?itemName=ms-vsts.team Visual Studio Services] : permet de gérer les pull request et, de manière générale, de bénéficier dans Visual Studio Code des outils de Team Service - [https://www.youtube.com/watch?v=tpjj5i8f6BE vidéo tutoriel] | ||
Pour installer une extension depuis Visual Studio Code, utilisez <code>cmd+P</code> sur mac et <code>ctrl+P</code> sur windows puis tapez <code> ext install nomDeExtension </code> | Pour installer une extension depuis Visual Studio Code, utilisez <code>cmd+P</code> sur mac et <code>ctrl+P</code> sur windows puis tapez <code> ext install nomDeExtension </code> | ||
| Ligne 25 : | Ligne 25 : | ||
Ex : <code> ext install html-snippets </code> | Ex : <code> ext install html-snippets </code> | ||
Vous pouvez consultez les extensions déjà installées avec : <code> ext | Vous pouvez consultez les extensions déjà installées avec : <code> ext + espace </code> | ||
== Collaboration== | == Collaboration== | ||
Un des points fort de l'environnement Visual Studio, c'est l'ensemble des outils mis à disposition pour collaborer en équipe sur un projet | Un des points fort de l'environnement Visual Studio, c'est l'ensemble des outils mis à disposition pour collaborer en équipe sur un projet commun avec notamment Team Service et l'intégration de git. | ||
=== Team Service === | === Team Service === | ||
Version du 15 juin 2016 à 09:12
Présentation
Visual Studio Code est un éditeur de code open source de Microsoft complètement gratuit et multi-plateforme (Microsoft, OSX, Linux).
Il présente de multiples avantages notamment pour le projet webmaster :
- prise en charge native de nodejs avec debuggueur intégré
- intégration native de Git
- environnement collaboratif Team Service
Installation
Commencez par Télécharger et installer la version qui correspond à votre système d'exploitation sur cette page. Lancez Visual Studio Code sur votre ordinateur.
Extensions
Comme la plupart des éditeurs de code, VSC possède une large librairie d'extentions qui permettent d'ajouter des fonctionnalités, nous conseillons notamment :
- HTML5 snippets : auto-complete le html
- bootstrap 3 snippets : pour rapidement maquetter un front-end à votre application
- JSHint : analyse votre code javascript statique et détecte les problèmes
- Visual Studio Services : permet de gérer les pull request et, de manière générale, de bénéficier dans Visual Studio Code des outils de Team Service - vidéo tutoriel
Pour installer une extension depuis Visual Studio Code, utilisez cmd+P sur mac et ctrl+P sur windows puis tapez ext install nomDeExtension
Ex : ext install html-snippets
Vous pouvez consultez les extensions déjà installées avec : ext + espace
Collaboration
Un des points fort de l'environnement Visual Studio, c'est l'ensemble des outils mis à disposition pour collaborer en équipe sur un projet commun avec notamment Team Service et l'intégration de git.
Team Service
Team Service permet d'organiser et d'intégrer le développement d'une application autour des méthodes agile et de git notamment.
- Créez un compte Team Service
Git
Pour les détails sur le workflow de Git, allez sur sa page.
Commit
Il suffit de vous rendre dans l'onglet Git, nommer votre commit et l'envoyer avec le signe vu en haut de la zone de texte.
Créer une branche
Utilisez cmd+P puis utilisez git branch nomDeVotreBranche
Changer de branche
Utilisez cmd+P puis utilisez git checkout nomDeVotreBranche
Pull request
Utilisez cmd+P puis utilisez >team create pull request