{"id":343,"date":"2015-05-22T08:58:10","date_gmt":"2015-05-22T07:58:10","guid":{"rendered":"http:\/\/lalloue.fr\/blog\/?p=343"},"modified":"2015-05-28T22:50:30","modified_gmt":"2015-05-28T21:50:30","slug":"ajouter-un-projet-existant-a-visual-studio-online","status":"publish","type":"post","link":"http:\/\/lalloue.fr\/blog\/ajouter-un-projet-existant-a-visual-studio-online\/","title":{"rendered":"Ajouter un projet existant \u00e0 Visual Studio Online"},"content":{"rendered":"<p><a href=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/visual-studio-online.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-344\" src=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/visual-studio-online-300x78.png\" alt=\"visual-studio-online\" width=\"300\" height=\"78\" srcset=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/visual-studio-online-300x78.png 300w, http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/visual-studio-online.png 960w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Visual Studio Online, anciennement Team Foundation Service (TFS) est le nouveau <strong>service de d\u00e9p\u00f4t de projets dans le Cloud de Microsoft<\/strong>.<br \/>\nCelui-ci permet par exemple d&#8217;installer un environnement qui inclut tout depuis\u00a0les outils de suivi de projet et r\u00e9f\u00e9rentiel Git h\u00e9berg\u00e9, jusqu&#8217;\u00e0 l&#8217;int\u00e9gration continue et un IDE.<\/p>\n<p>Si vous d\u00e9veloppez sur Visual Studio et que vous cherchez une <strong>solution de suivi de projet et versionning<\/strong>, alors peut \u00eatre que vous vous tournerez vers Visual Studio Online.<\/p>\n<p>Et dans ce cas, si vous cr\u00e9ez un nouveau projet, pas de probl\u00e8me, suivez la documentation et tout se passera bien.<\/p>\n<p>Par contre <strong>si vous souhaitez importer un projet d\u00e9j\u00e0 existant<\/strong>, ce n&#8217;est pas si simple, mais vous vous doutez bien que je vais vous expliquer comment faire &#8230;<\/p>\n<p><!--more--><\/p>\n<h3>Introduction<\/h3>\n<p>Visual Studio Online propose 2 types de contr\u00f4le de versions :<\/p>\n<ul>\n<li>Git : permet de travailler avec un syst\u00e8me de contr\u00f4le de version d\u00e9centralis\u00e9 et\u00a0fournit une gestion des branches l\u00e9g\u00e8re et efficace.<\/li>\n<li>Team Foundation Version Control (TFVC) : permet de travailler avec un syst\u00e8me de contr\u00f4le de version centralis\u00e9. Cela a l&#8217;avantage de fournir une bonne gestion quand la quantit\u00e9 de code est importante.<\/li>\n<\/ul>\n<p>Si votre projet n&#8217;est pas &#8220;trop&#8221; important en quantit\u00e9 de code \/ d&#8217;\u00e9quipe \/ de dur\u00e9e de d\u00e9veloppement je vous conseille plut\u00f4t la gestion de versions par GIT (qui est quand m\u00eame tout aussi performant sur de gros projets).<\/p>\n<p>D&#8217;ailleurs dans cet article je ne parlerai que du premier cas avec la solution GIT.<\/p>\n<p>Si vous souhaitez avoir plus d&#8217;informations sur Visual Studio Online vous pouvez \u00e9galement trouver la documentation en fran\u00e7ais \u00e0 cette url :<\/p>\n<p><a href=\"https:\/\/www.visualstudio.com\/products\/visual-studio-online-user-plans-vs\">https:\/\/www.visualstudio.com\/products\/visual-studio-online-user-plans-vs<\/a><\/p>\n<h3>Pr\u00e9requis<\/h3>\n<ul>\n<li>Avoir un projet existant lanc\u00e9 avec Visual Studio 2013 minimum.<\/li>\n<\/ul>\n<ul>\n<li>Avoir cr\u00e9\u00e9 un compte &#8220;Visual Studio Online&#8221;.<br \/>\nSi ce n&#8217;est pas fait, allez \u00e0 cette adresse : <a href=\"https:\/\/app.vssps.visualstudio.com\/profile\/account?account=true&amp;mkt=fr-FR&amp;context=eyJwZSI6MSwicGMiOjEsImljIjoxLCJhbyI6MSwiYW0iOjAsIm9wIjpudWxsLCJhZCI6bnVsbCwiZmEiOjIsImF1IjpudWxsLCJjdiI6MjE0MDcyNDc1NiwiZnMiOjAsInN1IjowLCJlciI6MX01\">Cr\u00e9er un compte Visual Studio Online<\/a><\/li>\n<\/ul>\n<ul>\n<li>Avoir Git d&#8217;install\u00e9 sur votre machine Locale.<br \/>\nJe vous conseille d&#8217;installer <a href=\"https:\/\/code.google.com\/p\/gitextensions\/\">Git Extension<\/a> qui installera Git en m\u00eame temps.<\/li>\n<\/ul>\n<h3>Cr\u00e9ation du projet sur Visual Studio online<\/h3>\n<p>Une fois que vous vous \u00eates connect\u00e9 avec votre compte sur Visual Studio Online, cr\u00e9ez votre nouveau projet en cliquant sur le bouton &#8220;New&#8221; :<\/p>\n<p><a href=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/create-new-project.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-346\" src=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/create-new-project.png\" alt=\"create-new-project\" width=\"215\" height=\"69\" \/><\/a><\/p>\n<p>Vous allez arriver sur l&#8217;\u00e9cran ci-dessous, renseignez le nom de votre projet et s\u00e9lectionnez &#8220;Git&#8221; comme outils de contr\u00f4le de version :<\/p>\n<p><a href=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/IC691275.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-347 size-full\" src=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/IC691275.png\" alt=\"IC691275\" width=\"625\" height=\"465\" srcset=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/IC691275.png 625w, http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/IC691275-300x223.png 300w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/a><\/p>\n<p>Votre projet est maintenant cr\u00e9\u00e9.<\/p>\n<p>Allez ensuite dans l&#8217;onglet &#8220;code&#8221; et sous onglet &#8220;explorer&#8221; et notez bien l&#8217;url pointant vers votre projet :<\/p>\n<p><a href=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/url-git1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-353\" src=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/url-git1.png\" alt=\"url-git\" width=\"612\" height=\"242\" srcset=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/url-git1.png 612w, http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/url-git1-300x119.png 300w\" sizes=\"(max-width: 612px) 100vw, 612px\" \/><\/a><\/p>\n<h3>Ajout de votre projet existant au projet GIT<\/h3>\n<p>Pour cette \u00e9tape, 2 solutions possibles :<\/p>\n<ul>\n<li>Initialiser le projet via Visual Studio<\/li>\n<li>Initialiser le projet manuellement<\/li>\n<\/ul>\n<h4>Initialiser le projet via Visual Studio<\/h4>\n<p>Ouvrez votre projet avec Visual Studio.<\/p>\n<p>On va cr\u00e9er un nouveau projet Git en local. L&#8217;avantage de le faire depuis Visual Studio \u00e0 ce moment est que l&#8217;outils va g\u00e9n\u00e9rer le &#8220;.gitignore&#8221; qui va bien avec votre projet.<br \/>\nPour cr\u00e9er ce nouveau D\u00e9p\u00f4t GIT, faites un clic droit sur votre solution, puis s\u00e9lectionnez &#8220;Add solution to source control &#8230;&#8221;.<br \/>\nUne fen\u00eatre va alors s&#8217;ouvrir vous demandant si vous souhaitez mettre un place un syst\u00e8me de versionning via TFS ou GIT. Choisissez alors &#8220;GIT&#8221;.<\/p>\n<p>Visual Studio va alors vous ouvrir la fen\u00eatre &#8220;Team Explorer&#8221;, avec dans l&#8217;encadr\u00e9 &#8220;Included Changes&#8221; l&#8217;ensemble des fichiers de votre projet.<\/p>\n<p>Remplissez l&#8217;encadr\u00e9 &#8220;Enter a commit message &lt;Required&gt;&#8221; avec l&#8217;intitul\u00e9 de votre projet (par exemple &#8220;Init project&#8221;), et cliquez sur &#8220;Commit&#8221;<\/p>\n<p>Vous allez alors avoir un \u00e9cran comme ci-dessous :<\/p>\n<p><a href=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/commit-init-project.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-361\" src=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/commit-init-project.png\" alt=\"commit init project\" width=\"294\" height=\"232\" \/><\/a><\/p>\n<p>Que s&#8217;est-il pass\u00e9 ? Vous avez initialis\u00e9 votre d\u00e9p\u00f4t GIT pour votre projet et ajout\u00e9 tous les fichiers de votre projet \u00e0 ce d\u00e9p\u00f4t GIT en local. Il va maintenant falloir synchroniser ce d\u00e9p\u00f4t local avec celui de Visual Studio Online.<\/p>\n<h4>Initialiser le projet manuellement<\/h4>\n<p>La suite des actions \u00e0 r\u00e9aliser n\u00e9cessite d&#8217;ouvrir une invite de commande.<br \/>\nPour cela, si vous lancez Git extension, il suffit de cliquer sur l&#8217;onglet suivant :<\/p>\n<p><a href=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/git-bash.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-348\" src=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/git-bash.png\" alt=\"git-bash\" width=\"264\" height=\"61\" \/><\/a><\/p>\n<p>Placez vous ensuite dans le r\u00e9pertoire de votre projet existant :<\/p>\n<pre lang=\"bash\">$ cd &lt;r\u00e9pertoire de votre projet&gt;<\/pre>\n<p>Puis ex\u00e9cutez la commande suivante pour initialiser le d\u00e9p\u00f4t Git :<\/p>\n<pre lang=\"bash\">git init\r\n<\/pre>\n<p>Vous pouvez ensuite \u00e9diter le fichier &#8220;.gitignore&#8221; g\u00e9n\u00e9r\u00e9 pour d\u00e9clarer les fichiers que vous ne souhaitez pas synchroniser.<\/p>\n<p>Ensuite, ex\u00e9cutez les commandes suivantes :<\/p>\n<pre lang=\"bash\">git add .\r\ngit commit\r\n<\/pre>\n<p>&#8212;<\/p>\n<p>Que vous soyez pass\u00e9 par l&#8217;une ou l&#8217;autre m\u00e9thode, tous les fichiers de votre projet sont maintenant &#8220;commit\u00e9s&#8221; en local.<\/p>\n<p>Il vous suffit donc de les &#8220;pusher&#8221; sur votre serveur distant qui se trouve \u00e0 l&#8217;url que vous avez not\u00e9 pr\u00e9c\u00e9demment.<\/p>\n<pre lang=\"bash\">git remote add origin &lt;url&gt;\r\ngit push -u origin --all\r\n<\/pre>\n<p>Une popup va alors s&#8217;ouvrir pour vous demander vos identifiants Visual Studio Online.<br \/>\nSi vous ne les connaissez pas, allez alors sur Visual Studio Online, cliquez sur votre profil, puis onglet &#8220;Credentials&#8221; et cr\u00e9ez vous un nouveau &#8220;credential&#8221; qui correspondra \u00e0 vos identifiants.<\/p>\n<p>Vous devriez alors avoir les lignes suivantes vous indiquant que tous les fichiers ont bien \u00e9t\u00e9s push\u00e9s sur Visual Studio Online :<\/p>\n<p><a href=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/git-push-success.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-349\" src=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/git-push-success-300x76.png\" alt=\"git-push-success\" width=\"300\" height=\"76\" srcset=\"http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/git-push-success-300x76.png 300w, http:\/\/lalloue.fr\/blog\/wp-content\/uploads\/2015\/05\/git-push-success.png 373w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Si vous retournez sur votre interface Visual Studio Online, vous devriez voir dans l&#8217;onglet &#8220;Work&#8221; tous vos fichiers synchronis\u00e9s.<\/p>\n<p>et voila votre projet est maintenant import\u00e9 et param\u00e9tr\u00e9 correctement !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio Online, anciennement Team Foundation Service (TFS) est le nouveau service de d\u00e9p\u00f4t de projets dans le Cloud de Microsoft. Celui-ci permet par exemple d&#8217;installer un environnement qui inclut tout depuis\u00a0les outils de suivi de projet et r\u00e9f\u00e9rentiel Git h\u00e9berg\u00e9, jusqu&#8217;\u00e0 l&#8217;int\u00e9gration continue et un IDE. Si vous d\u00e9veloppez sur Visual Studio et que &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/lalloue.fr\/blog\/ajouter-un-projet-existant-a-visual-studio-online\/\" class=\"more-link\">Continuer la lecture <span class=\"screen-reader-text\"> \u00ab\u00a0Ajouter un projet existant \u00e0 Visual Studio Online\u00a0\u00bb<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[34,12,35],"tags":[36,37,38],"_links":{"self":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/343"}],"collection":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/comments?post=343"}],"version-history":[{"count":11,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/343\/revisions"}],"predecessor-version":[{"id":366,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/343\/revisions\/366"}],"wp:attachment":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/media?parent=343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/categories?post=343"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/tags?post=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}