{"id":7246,"date":"2025-08-25T15:18:46","date_gmt":"2025-08-25T15:18:46","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/tutoriel-github-intermediaire\/creer-des-applications-avec-azure-devops\/exercice-obtenir-lapplication-exemple\/"},"modified":"2025-09-24T12:02:34","modified_gmt":"2025-09-24T12:02:34","slug":"exercice-obtenir-lapplication-exemple","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/tutoriel-github-intermediaire\/creer-des-applications-avec-azure-devops\/exercice-obtenir-lapplication-exemple\/","title":{"rendered":"Exercice \u2013 Obtenir l\u2019application exemple"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><strong>Choisissez votre environnement de d\u00e9veloppement pour le module de formation.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Environnement de d\u00e9veloppement local utilisant un agent h\u00e9berg\u00e9 par Microsoft<\/strong><\/li>\n\n\n\n<li><strong>Environnement de d\u00e9veloppement GitHub Codespaces utilisant un agent auto-h\u00e9berg\u00e9.<\/strong><\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Choisissez votre environnement de d\u00e9veloppement pour le module de formation<\/strong><\/p>\n\n\n\n<p>Pr\u00e9parez-vous \u00e0 commencer la cr\u00e9ation d\u2019un pipeline d\u2019int\u00e9gration continue (CI) avec&nbsp;<strong>Microsoft Azure Pipelines<\/strong>.<br>La premi\u00e8re \u00e9tape consiste \u00e0&nbsp;<strong>compiler et ex\u00e9cuter l\u2019application web Space Game<\/strong>. Comprendre comment compiler un logiciel manuellement vous pr\u00e9pare \u00e0&nbsp;<strong>reproduire ce processus dans le pipeline<\/strong>.<\/p>\n\n\n\n<p><strong>Mara<\/strong>&nbsp;va faire exactement cela, et en suivant les proc\u00e9dures, vous pouvez faire la m\u00eame chose.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cr\u00e9er un jeton d\u2019acc\u00e8s personnel Azure DevOps<\/strong><\/h3>\n\n\n\n<p>Connectez-vous \u00e0 votre organisation via&nbsp;https:\/\/dev.azure.com\/{votreorganisation}.<br>Si vous n\u2019avez pas encore d\u2019organisation Azure DevOps,&nbsp;<strong>cr\u00e9ez une organisation gratuite<\/strong>&nbsp;avant de commencer.<br>Apr\u00e8s vous \u00eatre connect\u00e9, si vous avez plusieurs organisations, choisissez&nbsp;<strong>Azure DevOps<\/strong>&nbsp;et acc\u00e9dez \u00e0 l\u2019organisation que vous pr\u00e9voyez d\u2019utiliser pour compl\u00e9ter ce module.<br>Dans cet exemple, le nom de l\u2019organisation est&nbsp;<strong>fabrikam<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"413\" height=\"269\" src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-choose-organization.bmp\" alt=\"\" class=\"wp-image-7249\" srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-choose-organization.bmp 413w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-choose-organization-300x195.jpg 300w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Depuis votre page d\u2019accueil, ouvrez les&nbsp;<strong>param\u00e8tres utilisateur<\/strong>&nbsp;et s\u00e9lectionnez&nbsp;<strong>Jetons d\u2019acc\u00e8s personnels<\/strong>.<\/p>\n\n\n\n<p>S\u00e9lectionnez&nbsp;<strong>+ Nouveau jeton<\/strong>.<\/p>\n\n\n\n<p><strong>Nommez votre jeton<\/strong>&nbsp;avec le nom de votre choix.<br>Ce jeton sera utilis\u00e9 lorsque&nbsp;<strong>Codespace enregistrera son agent<\/strong>&nbsp;aupr\u00e8s de votre organisation Azure DevOps, donc vous pouvez conserver&nbsp;<strong>la date d\u2019expiration par d\u00e9faut<\/strong>.<\/p>\n\n\n\n<p>Choisissez&nbsp;<strong>D\u00e9finition personnalis\u00e9e<\/strong>, puis s\u00e9lectionnez&nbsp;<strong>Afficher toutes les \u00e9tendues<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"634\" height=\"696\" src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-show-all-scopes.bmp\" alt=\"\" class=\"wp-image-7251\" srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-show-all-scopes.bmp 634w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-show-all-scopes-273x300.jpg 273w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>6.<strong>S\u00e9lectionnez l\u2019\u00e9tendue suivante<\/strong>&nbsp;:&nbsp;<strong>Pools d\u2019agents (Lecture et gestion)<\/strong>, puis cliquez sur&nbsp;<strong>Cr\u00e9er<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"264\" height=\"328\" src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-agent-pools-read-and-manage.bmp\" alt=\"\" class=\"wp-image-7253\" srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-agent-pools-read-and-manage.bmp 264w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-agent-pools-read-and-manage-241x300.jpg 241w\" sizes=\"(max-width: 264px) 100vw, 264px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Lorsque vous avez termin\u00e9<\/strong>,&nbsp;<strong>copiez le jeton<\/strong>&nbsp;et&nbsp;<strong>conservez-le dans un endroit s\u00e9curis\u00e9<\/strong>.<br>Pour votre s\u00e9curit\u00e9,&nbsp;<strong>il ne sera plus affich\u00e9<\/strong>&nbsp;par la suite.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:15px\">\n<p>\u26a0\ufe0f <strong>Avertissement<\/strong><\/p>\n\n\n\n<p>Traitez et utilisez un jeton d&rsquo;acc\u00e8s personnel (PAT) comme votre mot de passe et gardez-le secret.<\/p>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cr\u00e9er un fork<\/strong><\/h3>\n\n\n\n<p>La premi\u00e8re \u00e9tape pour utiliser un projet dans Git consiste \u00e0&nbsp;<strong>cr\u00e9er un fork<\/strong>&nbsp;afin de pouvoir travailler avec les fichiers sources et les modifier. Un&nbsp;<strong>fork<\/strong>&nbsp;est une copie d\u2019un d\u00e9p\u00f4t GitHub. Cette copie existe dans votre compte et vous permet d\u2019apporter toutes les modifications souhait\u00e9es sans affecter le projet original.<\/p>\n\n\n\n<p>Bien que vous puissiez proposer des modifications au projet original, dans cette le\u00e7on, vous travaillez avec le projet web&nbsp;<strong>Space Game<\/strong>&nbsp;comme s\u2019il s\u2019agissait du projet original d\u00e9tenu par Mara et son \u00e9quipe.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:15px;background-color:#9b51e04d\">\n<h3 class=\"wp-block-heading\"><strong>Remarque<\/strong><\/h3>\n\n\n\n<p>Si vous avez d\u00e9j\u00e0 fork\u00e9 ce d\u00e9p\u00f4t, par exemple si vous avez d\u00e9j\u00e0 termin\u00e9 ce module ou un autre module de formation Tailspin Toys, nous vous recommandons de&nbsp;<strong>supprimer votre fork<\/strong>&nbsp;et d\u2019en cr\u00e9er un nouveau en suivant les \u00e9tapes ci-dessous.<br>Si vous ne souhaitez pas supprimer votre fork, assurez-vous de&nbsp;<strong>le synchroniser<\/strong>.<\/p>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cr\u00e9ons un fork du projet web Space Game dans votre compte GitHub :<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez un navigateur web, allez sur GitHub et connectez-vous.<\/li>\n\n\n\n<li>Acc\u00e9dez au d\u00e9p\u00f4t du projet web&nbsp;<strong>Space Game<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur&nbsp;<strong>Fork<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"93\" height=\"46\" data-src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-github-fork-button.png\" alt=\"\" class=\"wp-image-7255 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 93px; --smush-placeholder-aspect-ratio: 93\/46;\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>4. Pour forker le d\u00e9p\u00f4t dans votre compte, suivez les instructions.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Configurer les secrets pour un agent auto-h\u00e9berg\u00e9<\/strong><\/h3>\n\n\n\n<p>Avant de cr\u00e9er votre Codespace, vous devez cr\u00e9er plusieurs&nbsp;<strong>secrets<\/strong>&nbsp;qui permettent \u00e0 votre agent Azure DevOps auto-h\u00e9berg\u00e9 de fonctionner correctement. En environnement de production, il n\u2019est pas recommand\u00e9 d\u2019utiliser un agent auto-h\u00e9berg\u00e9 dans GitHub Codespaces. Cependant, comme votre \u00e9quipe utilise Codespaces pour les tests, c\u2019est une bonne solution temporaire pendant la cr\u00e9ation de vos pipelines.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tapes \u00e0 suivre :<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Allez dans votre d\u00e9p\u00f4t GitHub fork\u00e9.<\/li>\n\n\n\n<li>S\u00e9lectionnez&nbsp;<strong>Param\u00e8tres<\/strong>&nbsp;&gt;&nbsp;<strong>Secrets et variables<\/strong>&nbsp;&gt;&nbsp;<strong>Codespaces<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"704\" height=\"742\" data-src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-add-codespaces-secret-1.png\" alt=\"\" class=\"wp-image-7257 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-add-codespaces-secret-1.png 704w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-add-codespaces-secret-1-285x300.png 285w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-add-codespaces-secret-1-16x16.png 16w\" data-sizes=\"(max-width: 704px) 100vw, 704px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 704px; --smush-placeholder-aspect-ratio: 704\/742;\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cr\u00e9er les secrets du d\u00e9p\u00f4t Codespaces suivants<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th><strong>Nom<\/strong><\/th><th><strong>Valeur<\/strong><\/th><\/tr><\/thead><tbody><tr><td><strong>ADO_ORG<\/strong><\/td><td>Nom de l\u2019organisation Azure DevOps que vous utilisez pour compl\u00e9ter ce module. Dans cet exemple, <em>fabrikam<\/em> est le nom de l\u2019organisation. Ce nom doit \u00eatre identique \u00e0 celui utilis\u00e9 lors de la cr\u00e9ation de votre jeton d\u2019acc\u00e8s personnel (PAT) \u00e0 l\u2019\u00e9tape pr\u00e9c\u00e9dente.<\/td><\/tr><tr><td><strong>ADO_PAT<\/strong><\/td><td>Le jeton d\u2019acc\u00e8s personnel (Personal Access Token) que vous avez cr\u00e9\u00e9 \u00e0 l\u2019\u00e9tape pr\u00e9c\u00e9dente.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#fcb90054\">\n<h3 class=\"wp-block-heading\">\ud83d\udca1&nbsp;<strong>Astuce<\/strong><\/h3>\n\n\n\n<p>Dans ce module de formation, votre agent est affect\u00e9 au&nbsp;<strong>pool d\u2019agents par d\u00e9faut<\/strong>&nbsp;(<em>Default agent pool<\/em>).<br>Si vous ne souhaitez pas ex\u00e9cuter votre agent dans ce pool (par exemple, si vous utilisez votre environnement Azure DevOps de production et que d\u2019autres agents y sont d\u00e9j\u00e0 pr\u00e9sents), vous pouvez cr\u00e9er un secret nomm\u00e9&nbsp;<strong>ADO_POOL_NAME<\/strong>&nbsp;et sp\u00e9cifier le nom du pool d\u2019agents \u00e0 utiliser.<br>Si ce secret n\u2019est pas d\u00e9fini, le pool&nbsp;<strong>Default<\/strong>&nbsp;sera utilis\u00e9 par d\u00e9faut.<\/p>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Configurer Codespaces<\/strong><\/h3>\n\n\n\n<p>Ensuite, vous configurez Codespaces afin de pouvoir :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>construire le site web,<\/li>\n\n\n\n<li>travailler avec les fichiers sources,<\/li>\n\n\n\n<li>et ex\u00e9cuter votre pipeline \u00e0 l\u2019aide d\u2019un agent auto-h\u00e9berg\u00e9.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tapes \u00e0 suivre :<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dans votre d\u00e9p\u00f4t GitHub fork\u00e9, s\u00e9lectionnez&nbsp;<strong>Code<\/strong>.<\/li>\n\n\n\n<li>S\u00e9lectionnez \u00e0 nouveau&nbsp;<strong>Code<\/strong>, puis l\u2019onglet&nbsp;<strong>Codespaces<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur&nbsp;<strong>+<\/strong>&nbsp;pour cr\u00e9er un nouveau Codespace.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"979\" height=\"437\" data-src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-create-new-options-codespaces-1.png\" alt=\"\" class=\"wp-image-7259 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-create-new-options-codespaces-1.png 979w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-create-new-options-codespaces-1-300x134.png 300w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-create-new-options-codespaces-1-768x343.png 768w\" data-sizes=\"(max-width: 979px) 100vw, 979px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 979px; --smush-placeholder-aspect-ratio: 979\/437;\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Attendez que votre Codespace soit construit<\/strong><\/h3>\n\n\n\n<p>Cette construction peut prendre quelques instants, mais vous n\u2019aurez \u00e0 la faire qu\u2019une seule fois dans cette \u00e9tape du module de formation.<\/p>\n\n\n\n<p>Une fois la construction termin\u00e9e, vous serez redirig\u00e9 vers une version en ligne de&nbsp;<strong>Visual Studio Code<\/strong>.<br>Votre Codespace dispose d\u2019une installation fra\u00eeche de Visual Studio Code, similaire \u00e0 une installation locale sur votre machine.<br>Lors du premier d\u00e9marrage du Codespace, Visual Studio Code en ligne peut vous demander certaines configurations ou pr\u00e9f\u00e9rences.<br>Vous pouvez choisir les options qui correspondent \u00e0 votre style d\u2019utilisation de Visual Studio Code.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>D\u00e9finir le d\u00e9p\u00f4t distant \u00ab\u00a0upstream\u00a0\u00bb<\/strong><\/h3>\n\n\n\n<p>Un&nbsp;<strong>d\u00e9p\u00f4t distant<\/strong>&nbsp;est un d\u00e9p\u00f4t Git o\u00f9 les membres de l\u2019\u00e9quipe collaborent (comme un d\u00e9p\u00f4t sur GitHub).<br>Nous allons lister vos d\u00e9p\u00f4ts distants et en ajouter un qui pointe vers la copie du d\u00e9p\u00f4t d\u00e9tenue par Microsoft, afin que vous puissiez r\u00e9cup\u00e9rer le code d\u2019exemple le plus r\u00e9cent.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tapes \u00e0 suivre :<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dans l\u2019\u00e9diteur en ligne&nbsp;<strong>Visual Studio Code<\/strong>, ouvrez la fen\u00eatre du terminal.<\/li>\n\n\n\n<li>Choisissez&nbsp;<strong>bash<\/strong>&nbsp;dans le menu \u00e0 droite.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"661\" height=\"139\" src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-terminal-window.bmp\" alt=\"\" class=\"wp-image-7261\" srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-terminal-window.bmp 661w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-terminal-window-300x63.jpg 300w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Pour lister vos d\u00e9p\u00f4ts distants, ex\u00e9cutez la commande suivante :<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#24292e;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#2f363c\">Bash<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#24292e;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>git remote -v<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-light\" style=\"background-color: #fff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6F42C1\">git<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">remote<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #005CC5\">-v<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Vous avez \u00e0 la fois un acc\u00e8s de r\u00e9cup\u00e9ration (t\u00e9l\u00e9chargement) et de pouss\u00e9e (t\u00e9l\u00e9versement) \u00e0 votre d\u00e9p\u00f4t :<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#24292e;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#2f363c\">ShellScript<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#24292e;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>origin  https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git (fetch)\norigin  https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git (push)<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-light\" style=\"background-color: #fff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6F42C1\">origin<\/span><span style=\"color: #24292E\">  <\/span><span style=\"color: #032F62\">https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git<\/span><span style=\"color: #24292E\"> (fetch)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6F42C1\">origin<\/span><span style=\"color: #24292E\">  <\/span><span style=\"color: #032F62\">https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git<\/span><span style=\"color: #24292E\"> (push)<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Lorsque vous forkez du code depuis un autre d\u00e9p\u00f4t, il est courant de nommer le d\u00e9p\u00f4t distant original (celui depuis lequel vous avez fork\u00e9)&nbsp;<strong>upstream<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>3.<strong>Pour cr\u00e9er un d\u00e9p\u00f4t distant nomm\u00e9&nbsp;<code>upstream<\/code>&nbsp;qui pointe vers le d\u00e9p\u00f4t Microsoft, ex\u00e9cutez la commande suivante :<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#24292e;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#2f363c\">Bash<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#24292e;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>git remote add upstream https:\/\/github.com\/MicrosoftDocs\/mslearn-tailspin-spacegame-web.git<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-light\" style=\"background-color: #fff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6F42C1\">git<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">remote<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">add<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">upstream<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">https:\/\/github.com\/MicrosoftDocs\/mslearn-tailspin-spacegame-web.git<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>4.<strong>Ex\u00e9cutez \u00e0 nouveau la commande&nbsp;<code>git remote<\/code>&nbsp;pour voir les changements :<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#24292e;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#2f363c\">Bash<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#24292e;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>git remote -v<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-light\" style=\"background-color: #fff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6F42C1\">git<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">remote<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #005CC5\">-v<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Vous voyez que vous avez toujours un acc\u00e8s de r\u00e9cup\u00e9ration (t\u00e9l\u00e9chargement) et de pouss\u00e9e (t\u00e9l\u00e9versement) \u00e0 votre d\u00e9p\u00f4t.<\/p>\n\n\n\n<p>Vous avez \u00e9galement maintenant un acc\u00e8s de r\u00e9cup\u00e9ration et de pouss\u00e9e au d\u00e9p\u00f4t Microsoft :<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#24292e;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#2f363c\">ShellScript<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#24292e;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>origin  https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git (fetch)\norigin  https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git (push)\nupstream        https:\/\/github.com\/MicrosoftDocs\/mslearn-tailspin-spacegame-web.git (fetch)\nupstream        https:\/\/github.com\/MicrosoftDocs\/mslearn-tailspin-spacegame-web.git (push)<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-light\" style=\"background-color: #fff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6F42C1\">origin<\/span><span style=\"color: #24292E\">  <\/span><span style=\"color: #032F62\">https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git<\/span><span style=\"color: #24292E\"> (fetch)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6F42C1\">origin<\/span><span style=\"color: #24292E\">  <\/span><span style=\"color: #032F62\">https:\/\/github.com\/username\/mslearn-tailspin-spacegame-web.git<\/span><span style=\"color: #24292E\"> (push)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6F42C1\">upstream<\/span><span style=\"color: #24292E\">        <\/span><span style=\"color: #032F62\">https:\/\/github.com\/MicrosoftDocs\/mslearn-tailspin-spacegame-web.git<\/span><span style=\"color: #24292E\"> (fetch)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6F42C1\">upstream<\/span><span style=\"color: #24292E\">        <\/span><span style=\"color: #032F62\">https:\/\/github.com\/MicrosoftDocs\/mslearn-tailspin-spacegame-web.git<\/span><span style=\"color: #24292E\"> (push)<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Construire et ex\u00e9cuter l\u2019application web<\/strong><\/h3>\n\n\n\n<p>Dans l\u2019\u00e9diteur en ligne&nbsp;<strong>Visual Studio Code<\/strong>, acc\u00e9dez \u00e0 la fen\u00eatre du terminal,<br>et pour construire l\u2019application, ex\u00e9cutez la commande suivante :<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#24292e;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#2f363c\">ShellScript<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#24292e;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>dotnet build --configuration Release<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-light\" style=\"background-color: #fff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6F42C1\">dotnet<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">build<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #005CC5\">--configuration<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">Release<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Depuis la fen\u00eatre du terminal, pour ex\u00e9cuter l\u2019application, lancez la commande suivante :<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#24292e;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#f2f2f2;color:#2f363c\">ShellScript<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#24292e;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>dotnet run --configuration Release --no-build --project Tailspin.SpaceGame.Web<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-light\" style=\"background-color: #fff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6F42C1\">dotnet<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">run<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #005CC5\">--configuration<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">Release<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #005CC5\">--no-build<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #005CC5\">--project<\/span><span style=\"color: #24292E\"> <\/span><span style=\"color: #032F62\">Tailspin.SpaceGame.Web<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Les fichiers de solution .NET peuvent contenir plusieurs projets.<\/strong><\/h3>\n\n\n\n<p>L\u2019argument&nbsp;<code>--project<\/code>&nbsp;permet de sp\u00e9cifier le projet \u00e0 utiliser pour l\u2019application web&nbsp;<strong>Space Game<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>V\u00e9rifier que l\u2019application fonctionne<\/strong><\/h3>\n\n\n\n<p>En mode d\u00e9veloppement, le site web&nbsp;<strong>Space Game<\/strong>&nbsp;est configur\u00e9 pour s\u2019ex\u00e9cuter sur le&nbsp;<strong>port 5000<\/strong>.<\/p>\n\n\n\n<p>Vous verrez un nouveau message dans l\u2019\u00e9diteur Visual Studio Code.<br>Votre application, en cours d\u2019ex\u00e9cution sur le port 5000, est maintenant disponible.<br>S\u00e9lectionnez&nbsp;<strong>Open in Browser<\/strong>&nbsp;(<em>Ouvrir dans le navigateur<\/em>) pour acc\u00e9der \u00e0 l\u2019application en cours d\u2019ex\u00e9cution.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Dans la nouvelle fen\u00eatre du navigateur, vous devriez voir le site web Space Game :<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1019\" height=\"532\" data-src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-top.png\" alt=\"\" class=\"wp-image-7263 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-top.png 1019w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-top-300x157.png 300w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-top-768x401.png 768w\" data-sizes=\"(max-width: 1019px) 100vw, 1019px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1019px; --smush-placeholder-aspect-ratio: 1019\/532;\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Vous pouvez interagir avec la page, y compris avec le tableau des scores.<\/p>\n\n\n\n<p>Lorsque vous s\u00e9lectionnez le nom d\u2019un joueur, vous voyez les d\u00e9tails concernant ce joueur :<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"548\" data-src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-leaderboard-profile-1024x548.png\" alt=\"\" class=\"wp-image-7265 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-leaderboard-profile-1024x548.png 1024w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-leaderboard-profile-300x161.png 300w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-leaderboard-profile-768x411.png 768w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2025\/08\/3-space-game-leaderboard-profile.png 1164w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/548;\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Lorsque vous avez termin\u00e9, retournez \u00e0 la fen\u00eatre du terminal, et pour arr\u00eater l\u2019application en cours d\u2019ex\u00e9cution, appuyez sur&nbsp;<code>Ctrl + C<\/code>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Choisissez votre environnement de d\u00e9veloppement pour le module de formation. Choisissez votre environnement de d\u00e9veloppement pour le module de formation Pr\u00e9parez-vous \u00e0 commencer [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":7024,"menu_order":34,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-7246","docs","type-docs","status-publish","hentry"],"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/6a70e7c73db9f245e650948d09d74f61?s=96&d=mm&r=g","author_name":"Annick N'dri","_links":{"self":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/7246"}],"collection":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/comments?post=7246"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/7246\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/7024"}],"wp:attachment":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/media?parent=7246"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=7246"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=7246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}