Azure DevOps に Project を作ってローカルの VSCode に Git clone してハッピーになるまでの手順

# [Azure DevOps]にProjectを作ってローカルの[VSCode]に Git clone してハッピーになるまでの手順

## これは誰のためのものですか？

[Visual Studio Code]最高！！[Git]を使ってバージョン管理をしたい！！なんと言っても[VSCode]には デフォルトで[Git]の連携機能が付いているし！まぁローカルで[Git]を使うだけでも使わないよりはちょー快適なんだけど、やはり[VSCode]＋[Git]の真骨頂はサーバーに保存しつつ、WindowsやMacやLinuxをノマドしてなんぼだと強く思うわけで、でも、仕事じゃなくプライベートなコードやドキュメントを[GitHub]に入れるのもなんというか「こっぱずかしい」し、人様にお見せできるような内容ではない場合が往々にしてあるわけでして、となると、プライベートで使えて、それなりに信頼できて無料で使える、もうこれは[Azure DevOps]一択！な訳ですよ。でもね、[Azure DevOps]は進化の速度が半端なくて（MSがんばりすぎ）、日々、あたらしい機能が更新されまくるし、日本語のドキュメントは皆無だし、それっぽいボタンがあるから押してみたけどエラー「Git: fatal: Authentication faild for 'HogeHoge'」になるし、このエラーを回避するにはどうしたらいいのだろう？と悩むより先にGoogle先生に「[VSCode]　[Azure DevOps]　[Git]　error　どうすんだよ！」って入力してみたひと向け。

あー、ちなみに、2019-02-17 時点での手順を書いているが、その後情報が更新されていても、当局はいっさい追従できない可能性が高いのでそのつもりで。（気が付いたらコメントしてくださいませ）

[Git]:https://git-scm.com/

[Visual Studio Code]:https://code.visualstudio.com/

[VSCode]:https://code.visualstudio.com/

[GitHub]:https://github.com/

[Azure DevOps]:https://azure.microsoft.com/ja-jp/services/devops/


## で、なにに困っているの？

具体的には、[Azure DevOps]から「Clone in VS Code」ボタンを押して、ローカルPCに Git clone を作ろうとすると、
![001.png](https://qiita-image-store.s3.amazonaws.com/0/107592/5bed2301-5e35-a217-8da2-e133c13ff85b.png)

###「Git: fatal: Authentication faild for 'HogeHoge'」というエラーになってしまう問題

![002.png](https://qiita-image-store.s3.amazonaws.com/0/107592/aabe223d-9386-5d90-1f7a-e232bf352423.png)


これを解消する方法。


## 前提条件

 - Local PC
   - [Visual Studio Code] （確認した日2019-02-17のバージョンは 1.31.1）
   - [Git] （Mac の場合は XCode をインストールすると一緒に入る）

参考：Macで確認

    $ git --version
    git version 2.17.2 (Apple Git-113)

 
 - Server
   - [Azure DevOps] にIDを作る（無料で作れます）

## Azure DevOps 内の操作（ブラウザにて）

### 手順１、Azure DevOps にサインイン

[Azure DevOps]に行って、すでにIDがあるひとは「サインイン」。ないひとは「無料で始める」。
![01.png](https://qiita-image-store.s3.amazonaws.com/0/107592/20fb86cf-bcef-94eb-27d8-297387762756.png)

### 手順２、プロジェクトを作る

「+ Create Project」ボタンを押して、名前を決めてプロジェクトを作る

![02.png](https://qiita-image-store.s3.amazonaws.com/0/107592/d5677a01-a926-ee5a-ce4d-9ab00f0346ee.png)



### 手順３、作ったプロジェクトを選択

「Repos」を選択し「Generate Git credentials」を押す

![03-2.png](https://qiita-image-store.s3.amazonaws.com/0/107592/ac4af728-194a-8398-b320-213a59cce532.png)



### 手順４、パスワードを入れて「Save Git credentials」を押す

![04.png](https://qiita-image-store.s3.amazonaws.com/0/107592/17a2b997-d992-7153-222f-7f2949b84670.png)


### 手順５、アクセストークンを作る

（１）「Create a Personal access token」リンクに飛ぶ
リンクが小さくて見落としがち。なんだかんだで、このアクセストークンを作る手順が一番簡単に思えてる（いまのところ）。

![05.png](https://qiita-image-store.s3.amazonaws.com/0/107592/8f9cd672-8e78-4536-59fe-f00ba1a921dd.png)


（２）「＋New Token」を押す

![06.png](https://qiita-image-store.s3.amazonaws.com/0/107592/eed8319d-18a2-8572-f340-0f82d59dbf65.png)



（３） 「Name」を適当に入れる

（４）「Full Access」にチェック（自己責任で）

（５）「Create」を押す

![07.png](https://qiita-image-store.s3.amazonaws.com/0/107592/e434a947-b4c4-1d11-ffdc-86f4c8848cdd.png)


### 手順６、パスワードをクリップボードにコピー

![08.png](https://qiita-image-store.s3.amazonaws.com/0/107592/d38cba01-0d9c-3109-2094-c2b2b4af9ad1.png)


ここで「Close」して閉じると、おそらく２度とパスワードは見られないので、作ったTokenは捨ててRevoke、新しく作り直すしかないと思う。
また、使っていない Token が残っていたらさっさと「Revoke」して消した方がいいと思う（セキュリティ的にも）。

### 手順７、VSCodeを起動

（１）もとのページに戻って「Clone in VSCode」を押す

![09.png](https://qiita-image-store.s3.amazonaws.com/0/107592/84c1e330-61af-f4de-5144-7c23ad54f619.png)

（２）「許可」（MacのSafariの場合）
![10.png](https://qiita-image-store.s3.amazonaws.com/0/107592/0cc45cc6-db58-f228-7e49-3613c6c39472.png)

（３）「Open」
![11.png](https://qiita-image-store.s3.amazonaws.com/0/107592/44020cfd-ffd4-20db-f37c-f01443bc58ee.png)

## ローカルPC

### 手順８、VSCodeからパスワードが要求されるのでペースト

VSCode が「作業フォルダを選べ」って言うかもしれない。適切に選んで開けば環境ができる。
VSCode が開いたら、パスワードが要求されるのでペーストする。

あとはよしなに。


以上。