ブラウザでAngular CLIを使用してGithubリポジトリをすばやく起動します

画像



Githubには、Angularで書かれた多くのデモ、例、プロトタイプ、および実際のアプリケーションがあります。 ただし、プロジェクトのクローン作成と初期化には時間がかかり、共有と表示が困難になります。



そのため、 StackBlitz開発環境が作成され、ブラウザーでAngular CLIプロジェクトを編集できます。 公式のAngular.ioドキュメントから例を作成します



URLを変更するだけで、ブラウザーで直接Githubを使用してAngular CLIプロジェクトをすばやく起動するのはクールでしょうか?



画像



はい、本当に! これにより、サンプル、デモ、アプリケーションの共有プロセスが非常に簡単になります。



どのように機能しますか?



ユーザー名+リポジトリ名を指定することで、Githubのパブリックリポジトリを開くことができます。



stackblitz.com/github/{_}/{}
      
      





さらに、ブランチ、タグ、またはコミットを指定することもできます。



 stackblitz.com/GitHub/{_}/{}/tree/{||}
      
      





数秒でダウンロード



ダウンロード、複製、インストールする必要はありません。 Turboパッケージマネージャーのおかげで StackBlitzはすべての依存関係をインストールし、数秒でアプリケーションを読み込みます。



実際の環境でのライブコードの編集



StackBlitzは、VS Codeのローカルバージョンで利用可能なすべての機能を備えています。たとえば、intellisense、定義への移動、ホットリロード、npmへのフルアクセスなどです。



ベータ版!



あなたのフィードバックを聞きたいです! 現在、この機能はまだ完全には実装されていないため、おそらく小さなアプリケーションや例に最適です。ただし、機能しないものを見つけた場合は、 Githubの問題Discordチャネル、またはtwitterで問題を報告してください。 @stackblitz



ロシア語を話すコミュニティ



電報に参加してください。



All Articles