Angular/+Git+VSCode

2020年11月17日 17:00

ステップ 1 - リモートリポジトリを作成する

GitHubにアクセスし、リモートリポジトリを作成します。
トップ画面で「Create Repository」ボタンをクリックしてください。

「Repository name」には任意のリポジトリ名を入力します。
リポジトリの種類として、「Public」か「Private」を選択します。

「Public」：他のユーザーがソースコードを閲覧可能。
「Private」：非公開。
「Initialize this repository with a README」「.gitignore」「license」：None

ステップ 2 - プロジェクトをローカル開発環境にクローンする

HTTPS クローンURL をクリップボードにコピーします。

Visual Studio Code を開きます。
Ctrl + Shift + P キーを押して、コマンドパレットを開きます。
検索ボックスに「 clone 」と入力します。
[Git: Clone](Git: クローン) オプションで Enter キーを押します。
プロンプトで、Ctrl + V キーを押してリポジトリの URL を入力します。

GitHubサインインします。（Success!
Authorization was successful. You will be redirected back to Visual Studio Code）

リダイレクトされない場合は、トークンを手動で追加できます。
Your authorization token:
vscode://vscode.github-authentication/did-authenticate?windowid=1&code=xxxx
1.Copy the token.
2.Switch back to VS code.
3.Click Signing in to github.com... in the status bar.
4.Paste the token and hit enter.

[フォルダーの選択] でフォルダーを選択します。
クローン完了後、 [開く] を選択します。

すべてのリポジトリのコードファイルが、Visual Studio Code のエクスプローラービューに表示されます。

thanks

ステップ 3 - 変更用のブランチを作成する

ブランチを作成するには、Visual Studio Code のステータスバーでブランチ名 (変更前は main) を選択します。これによりコマンドパレットが開き、既存のブランチに切り替えるか、新しいブランチを作成することができます。入力すると、既存のブランチ名が消えることに注意してください。

新しい分岐（ブランチ）名を入力して、 Enter キーを押します。
コマンドパレットで、新しいブランチの基になるブランチを選択するように求められます。

ステータスバーに、現在作業中のブランチが表示されるようになります。

まとめ

・Ctrl + Shift + P でコマンドパレットを開き、「 clone 」と入力します。
・ブランチ切り替え/新しいブランチの作成
ステータスバーで現在のブランチ名を選択します。
・[変更の同期] ボタン
既存のブランチで git pull および git push コマンドを実行する。
・[変更の発行] ボタン
新しいブランチで git push コマンドを実行する。

ステップ 4 - スタータアプリを作成する

Angular CLIをインストールし、スタータアプリを作成する。

// グローバル環境の削除
npm uninstall -g @angular/cli
npm cache verify
npm cache clean --force

// グローバル環境の準備
npm install -g @angular/cli
ng --version

// ローカル環境の準備
ng update

// スタータアプリを作成
ng new プロジェクト（クローンフォルダ名）

アプリケーションの実行を確認する。

ng serve --open
ng test
ng e2e

ステップ 5 - ソースをリモートリポジトリに反映する

Visual Studio Code

・[ソース管理] ビュー
ステージする：プラス記号 [+] を選択します。
アンステージする：マイナス記号 [-] を選択します。
コミットする：チェックマークを選択か、 Ctrl + Enter を選択します。

・[変更の同期] ボタン
git push コマンドを実行する。

ステップ 6 - リモートリポジトリを確認する

GitHub上のドロップダウン矢印を選択して、ブランチの一覧を表示します。
ブランチを選択して反映を確認します。

GitHub上のプルリクエストでデフォルトのMerge pull request（プルリクエストのマージ）オプションをクリックすると、フィーチャブランチからのすべてのコミットがマージコミット内でベースブランチに追加されます。
プルリクエストは、プッシュした変更について知らせます。ベースブランチにマージされる前に、可能性のある変更についてコラボレーターと議論し、レビューでき、フォローアップのコメントを追加できます。

Thanks

git init
ディレクトリ上でgit initコマンドを入力、ディレクトリをリポジトリとして初期化します。

trouble

vscode起動が常にgit資格情報を要求する。（ gitHub ログイン画面）
➡Windows を使っているなら、“wincred” という補助ツールがあります。

git config --global credential.helper wincred