ブラウザ内のVSコードの多くの顔

Webテクノロジー（HTML、CSS、およびJavaScript）を使用して構築されたVSコードは、主にローカルにインストールされたアプリケーションとして使用されます。ただし、Webベースのアクセシビリティは急速に拡大しており、VSコードが最高のWeb開発の世界で重要な発展となっています。このWebの可用性は、ソフトウェアのインストールの必要性を排除します。これは、多数のデバイスを管理する学校や、ローカルソフトウェアのインストールを制限するChromebookなどのプラットフォームなどの機関にとってかなりの利点です。

VSコードのWebバージョンの急増は混乱する可能性があるため、現在の状況を調べてみましょう。

vscode.dev

最近発売されたvscode.devは、ファイルシステムアクセスAPI（現在EdgeとChromeがサポートしている）をレバレッジして、ローカルファイルシステムにアクセスします（ユーザーの許可を得て）。このAPIがなくても、ユーザーはファイルをアップロードしたり、より実際にはオープンリポジトリをアップロードしたりできます。基本的に、ブラウザベースのコードエクスペリエンスを提供し、ローカルフォルダーを開き、デスクトップアプリケーションの機能をミラーリングします。基本的な使用は似ていると感じていますが、許可管理とキーボードのショートカットには調整が必要であり、現在端末は利用できません。これらの制限にもかかわらず、「プロジェクトの検索」などの機能は、大規模なプロジェクトであっても、デスクトップバージョンに匹敵する速度を維持します。

github.dev：「。」ショートカット

github.devは、別のブラウザベースのコードインスタンスを提供しますが、アプローチは異なります。ローカルフォルダーアクセスはありません。代わりに、GitHubリポジトリの迅速なアクセスと変更に焦点を当てています。変更は、ブラウザ内で直接開始されたリクエストを保存、コミットし、プルすることができます。 vscode.devとの潜在的な合併は推測されていますが、現在は明確なままです。逆に、GitHubリポジトリは、クローンなしでローカルにインストールされたコードとコードで直接開くこともできます。

GitHub CodeSpaces：端末とプレビューが含まれています

GitHub CodeSpacesは、より高度なブラウザベースのコードエクスペリエンスを提供します。 Microsoft認証により、ローカルにインストールされている拡張機能へのアクセスが可能になります。さらに重要なことに、機能的な端子が含まれています。起動すると、さまざまなランタイムとツール（Python、node.js、dockerなど）へのアクセスを提供し、ユーザーがNPMスクリプトを実行し、URLを介してプロジェクトプレビューを生成できるようにします。

GitPod：強力な競合他社

GitPodはGithub Codespacesをミラーリングし、完全なDocker/Linux環境を提供する端末を備えたブラウザベースのコードを提供します。この強力なセットアップにより、GitPodのサポートされているテクノロジーに応じて、生産環境ミラーリングが可能になります。 GitPodは、サービスを管理する「ワークスペース」を統合し、MongoDBインスタンスの実行などの機能を使用してプロジェクトのプレビューをエレガントに処理します。 Microsoftによる潜在的な買収は、両社の収束方向を考えると、もっともらしいシナリオです。

CodeSandboxおよびStackblitz：同様の代替

CodeSandboxとStackblitzは、ブラウザベースのコード代替とコードの代替品も提供するか、少なくともコードコンポーネントを使用しています。

自己ホストvsコード：コードサーバー

Coder's Code-Serverは、VSコードの自己ホスティングを許可し、サードパーティのWebバージョンに代わるものを提供します。これは、制御されたクラウドサーバーでコードとコードを実行し、サーバー自体で直接ファイル編集を可能にするのに特に役立ちます。このアプローチは、ローカルソフトウェア機能が限られている学校や環境に利点を提供し、サーバーに集中タスクをオフロードすることでバッテリー寿命を改善する可能性があります。

WebベースのIDESの台頭は否定できません。 Figmaの成功は、使いやすさ、共同機能、アクセシビリティを組み合わせたWebファースト開発の利点を示しています。開発環境の未来は、ますますWebを指し示しています。

以上がブラウザ内のVSコードの多くの顔の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。