MicrosoftがVisualStudioCodeのフルスタックWebテンプレートを発表

Microsoftは、フルスタックWebアプリケーションを構築するためのVisual StudioCodeエディターのオープンソース拡張機能をプレビューしています。Microsoft Web Template Studio(WebTS)と呼ばれるこの拡張機能は、クラウドベースのWebアプリを簡単に構築できるようにすることを目的としています。

開発者は、WebTSを使用して、さまざまなフロントエンドフレームワークとバックエンドフレームワーク、Microsoft Azureクラウドサービス、およびページから選択して、Webアプリケーションの定型コードを生成できます。ツールの鍵は、アプリケーションとREADMe.mdを生成し、使用方法を提供するウィザードです。

WebTSは、JavaScriptのTypeScriptスーパーセットとReactUIフレームワークを使用して構築されました。これは、ネイティブのユニバーサルWindowsプラットフォームアプリケーション用のWindowsテンプレートスタジオからインスピレーションを得ています。WebTSは、開発者にアプリを構築するための4つのオプションセットを提供します。

  • プロジェクトタイプ。フルスタックアプリケーションでは、現在サポートされている唯一のタイプです。
  • フロントエンドとバックエンドに使用するフレームワークオプション。現在、Reactはフロントエンドでサポートされており、Node.jsはバックエンドでサポートされています。
  • 開発を加速するための一般的なUIページを提供するアプリページテンプレート。現在のテンプレートには、空白のページ、一般的なレイアウト、グリッドやリストなどの一般的なパターンを実装するページが含まれます。ウィザードを使用すると、WebTSは必要に応じてページを追加し、各ページに名前を付けることができます。
  • Azure CosmosDBとAzureFunctionsが現在サポートされているAzureクラウドサービスオプション。

WebTSプレビューのnighltyビルドは、Visual StudioMarketplaceからダウンロードできます。WebTSはGitHubからダウンロードすることもできます。WebTSには、Visual Studio Code1.33以降が必要です。生成されたテンプレートを実行するには、Node.jsとNPMまたはYarnも必要です。