🚀 VS Codeでで入手しましょう!

追加のコンポーネントとツール

Visual Studio Codeは、設計上、小さなダウンロードであり、ほとんどの開発ワークフローで共有される最小限のコンポーネントのみが含まれています。エディター、ファイル管理、ウィンドウ管理、および環境設定などの基本機能が含まれています。JavaScript/TypeScript言語サービスとNode.jsデバッガーも基本インストールの一部です。

大規模なモノリシックな開発ツール(IDE)での作業に慣れている場合、シナリオがすぐに完全にサポートされていないことに驚くかもしれません。たとえば、プリインストールされたプロジェクトテンプレートを備えた[ファイル] > [新しいプロジェクト]ダイアログはありません。ほとんどのVS Codeユーザーは、特定のニーズに応じて追加のコンポーネントをインストールする必要があります。

一般的に使用されるコンポーネント

一般的にインストールされるコンポーネントをいくつか紹介します。

  • Git - VS CodeにはGitを使用したソースコード管理の組み込みサポートがありますが、Gitを別途インストールする必要があります。
  • Node.js(npmを含む) - JavaScriptアプリケーションを構築および実行するためのクロスプラットフォームランタイム。
  • TypeScript - TypeScriptをJavaScriptにトランスパイルするためのTypeScriptコンパイラーtsc

上記のコンポーネントは、ドキュメントとチュートリアルでよく言及されています。

VS Code拡張機能

拡張機能を介してVS Codeエディター自体を拡張できます。VS Codeコミュニティは、VS Codeマーケットプレイスで利用できる数千の便利な拡張機能を構築しました。

次のリストは、VS Codeマーケットプレイスで人気のある拡張機能の一部を示しています。拡張機能タイルを選択して、拡張機能の詳細を表示します。

追加ツール

Visual Studio Codeは、既存のツールチェーンと統合されています。次のツールは、開発エクスペリエンスを向上させると考えています。

  • Yeoman - アプリケーションスキャフォールディングツール。[ファイル] > [新しいプロジェクト]のコマンドラインバージョン。
  • generator-hottowel - AngularJSアプリケーションをすばやく作成するためのYeomanジェネレーター。
  • Express - Pugテンプレートエンジンを使用するNode.jsアプリケーション用のアプリケーションフレームワーク。
  • Gulp - VS Codeタスクと簡単に統合できるストリーミングタスクランナーシステム。
  • Mocha - Node.jsで実行されるJavaScriptテストフレームワーク。
  • Yarn - npmの代替となる依存関係マネージャー。

注:これらのツールのほとんどは、インストールして使用するためにNode.jsとnpmパッケージマネージャーが必要です。

次のステップ

  • ユーザーインターフェース - VS Codeの簡単なオリエンテーション。
  • ユーザー/ワークスペース設定 - 設定を通じてVS Codeを好みに合わせて構成する方法を学びます。
  • 言語 - VS Codeは、すぐに使用できる多くのプログラミング言語と、コミュニティが作成した拡張機能を通じてさらに多くの言語をサポートしています。