角度に初心者ガイド!

今日、あなたは角であなたのハッスルを始めることができる方法をあなたに話します.
角度を使用するための前提条件は何ですか?

Javascript

HTML

Css

ちょうど始まるために、我々はあなたのローカルシステムで必要なもののいくらかを必要とします.

ノード。js

ローカルシステムでノードをインストールします.ウェブサイトを訪問し、1つのバージョンをダウンロードします.

インストール角度

npm install -g @angular/cli

CLI(Command Line Interface)を使用して、プロジェクト、アプリケーション、およびlibaryコードを生成します.
それは、心配しないで起こるために少しの時間がかかります

ワークスペースの作成

新しいワークスペースと初期スターターアプリを作成するには

Open your Cmd in one of your empty folder

リンクを残していますNg 詳しく読む.
プレスEnterあなたがタイプNOを望まないならば、タイプYesを望むならば、あなたはあなたのアプリケーションでルータを望みますかどうか尋ねます.
NOを入力した場合、アプリケーションには影響しません.基本的には、ページ数Nのナビゲーションを管理するファイルを作成します

今すぐあなたのアップとダウンの矢印を介して移動し、それをEnterキーを押して拡張スタイルスタイリングの部分を今すぐ.

あなたの選択を入力した後、別のファイルがあなたの端末で生成されることがわかります.

種類cd your_App_Name変更ディレクトリ

今タイプcode .コードエディターを開くには

今、すべてのパックとファイルが表示されます.

あなたのプロジェクトにng serve --o--オープン用

あなたはGoogleでDeafault設定を設定しているクロムの美しいWebページが表示されます.

あなたのようなあなた自身のアプリケーションを作成します
試み---アプリ.コンポーネント.HTML --ctrl + A それからbackspaceand save それ.

今それを保存し、今あなたのサービスを提供するWebページに移動します.あなたは、美しいウェブページが空であるのを見ます.taaadaaa !!!

今すぐあなた自身のHTML、CSSとJavaScriptを書くことができます.それぞれでcomponent .部品がどこから来るか😕

What is component ?

コンポーネントは、角のアプリケーションの基本的なビルディングブロックのようです.コンポーネントは@コンポーネントデコレータを使用して定義されます.コンポーネントには、セレクタ、テンプレート、スタイル、およびその他のプロパティがあり、コンポーネントを処理するために必要なメタデータを指定します.
私たちのCLIを通してどのようにコンポーネントを作成できるかを見てみましょう

By deafult it's create Four File(Html,css,ts,spec.ts) in one go but you can customize it.

警告!アプリケーションの変更ができない限り、端末のサーバを停止しないでください
場合は、サーバーを停止する心配はないだけで再び同じコマンドでサーバーを起動してng serve --o我々は角度のアプリケーションを確保することができるように最小限のHTMLを書いてみましょう.
ctrl + sChromeであなたのウェブページをチェックしてください.

今、あなたは正常に角度スターターファイルを作成し、コンポーネントを作成する方法を知っている.
私はこのブログがあなたに角度プロジェクトを作成する方法の基本的な理解を与えることを願っています.