かずきのBlog@hatena

すきな言語は C# + XAML の組み合わせ。Azure Functions も好き。最近は Go 言語勉強中。日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。

ASP.NET CoreでAngularをする VSCodeを使おう

dotnet new angularでプロジェクト作成して、webpackしてdotnet runで実行できることはわかりました。 では、Visual Studio Codeで快適に作業するにはどうするのがいいのか?ということになりますよね!

Visual Studio Codeで開発するには以下のような感じでとりあえずやってます。

まずは、PowerShellあたりで適当なフォルダを掘ってdotnet new angularします。

> mkdir AngularVSCode
> cd AngularVSCode
> dotnet new angular

必要パッケージを入れます

> npm install
> dotnet restore

VSCodeを立ち上げましょう!

> code .

ターミナルを表示して、webpack -wと打ち込みます。これでTypeScriptに変更があったら自動でwebpackが走るようになります。もう1つターミナルを立ち上げてdotnet runしましょう。

これで下準備完了です! あとは、Angular弄ってブラウザをリフレッシュすれば変更が反映された状態になります。

では、快適Angular生活をVisual Studio Codeで!!