Angular2-environment
提供:Dev Guides
Angular 2-環境
Angular 2の使用を開始するには、次の主要コンポーネントをインストールする必要があります。
- Npm -これは、オープンソースリポジトリを操作するために使用されるノードパッケージマネージャーとして知られています。 フレームワークとしてのAngular JSは、他のコンポーネントに依存しています。 また、 npm を使用してこれらの依存関係をダウンロードし、プロジェクトに添付できます。
- Git -これは、 github 角度サイトからサンプルアプリケーションを取得するために使用できるソースコードソフトウェアです。
- エディター-Visual StudioコードやWebStormなど、Angular JS開発に使用できるエディターが多数あります。 チュートリアルでは、Microsoftから無料で提供されるVisual Studioコードを使用します。
npmインストール
npmをインストールする手順を見てみましょう。 npmの公式サイトはhttps://www.npmjs.com/です
- ステップ1 *-サイトの「Get Started with npm」セクションに移動します。
- ステップ2 *-次の画面で、オペレーティングシステムに応じて、ダウンロードするインストーラーを選択します。 この演習では、Windows 64ビットバージョンをダウンロードします。
- ステップ3 *-インストーラーを起動します。 初期画面で、「次へ」ボタンをクリックします。
- ステップ4 *-次の画面で、使用許諾契約に同意し、次のボタンをクリックします。
- ステップ5 *-次の画面で、インストール先のフォルダーを選択し、[次へ]ボタンをクリックします。
- ステップ6 *-次の画面でコンポーネントを選択し、[次へ]ボタンをクリックします。 デフォルトのインストールのすべてのコンポーネントを受け入れることができます。
- ステップ7 *-次の画面で、[インストール]ボタンをクリックします。
- ステップ8 *-インストールが完了したら、[完了]ボタンをクリックします。
- ステップ9 *-インストールを確認するために、コマンドプロンプトでコマンドnpm versionを発行できます。 次のスクリーンショットに示すように、npmのバージョン番号を取得します。
Visual Studio Codeのインストール
Visual Studio Codeの機能は次のとおりです-
- Visual Studioの実際のバージョンと比較した場合の軽量エディター。
- Clojure、Java、Objective-C、および他の多くの言語などのコーディング言語に使用できます。
- 組み込みのGit拡張機能。
- 組み込みのIntelliSense機能。
- 開発のためのさらに多くの拡張。
Visual Studioコードの公式サイトはhttps://code.visualstudio.com/です
- ステップ1 *-ダウンロードが完了したら、インストール手順に従ってください。 初期画面で、「次へ」ボタンをクリックします。
- ステップ2 *-次の画面で、使用許諾契約に同意し、[次へ]ボタンをクリックします。
- ステップ3 *-次の画面で、インストール先の場所を選択し、[次へ]ボタンをクリックします。
- ステップ4 *-プログラムショートカットの名前を選択し、[次へ]ボタンをクリックします。
- ステップ5 *-デフォルト設定を受け入れて、[次へ]ボタンをクリックします。
- ステップ6 *-次の画面で[インストール]ボタンをクリックします。
- ステップ7 *-最後の画面で、[完了]ボタンをクリックしてVisual Studio Codeを起動します。
Gitのインストール
Gitの主要な機能の一部は次のとおりです-
- コードの簡単な分岐とマージ。
- Git内のコードのフローに多くのテクニックを使用するためのプロビジョニング。
- Gitは、他のSCMツールと比較すると非常に高速です。
- より優れたデータ保証を提供します。
- フリーでオープンソース
Gitの公式サイトはhttps://git-scm.com/です
- ステップ1 *-ダウンロードが完了したら、インストール手順に従ってください。 初期画面で、「次へ」ボタンをクリックします。
- ステップ2 *-インストールする必要があるコンポーネントを選択します。 デフォルトのコンポーネントを受け入れることができます。
- ステップ3 *-次のステップで、プログラムのショートカット名を選択し、[次へ]ボタンをクリックします。
- ステップ4 *-デフォルトのSSH実行可能ファイルを受け入れて、[次へ]ボタンをクリックします。
- ステップ5 *-「Windowsスタイルのチェックアウト、Unixスタイルの終了のコミット」のデフォルト設定を受け入れ、「次へ」ボタンをクリックします。
- ステップ6 *-次に、ターミナルエミュレータのデフォルト設定を受け入れて、[次へ]ボタンをクリックします。
- ステップ7 *-デフォルト設定を受け入れ、[次へ]ボタンをクリックします。
- ステップ8 *-実験オプションをスキップして、[インストール]ボタンをクリックできます。
- ステップ9 *-最後の画面で、[完了]ボタンをクリックしてインストールを完了します。