AngularJS 入門チュートリアル (ゼロ): Bootstrap_AngularJS
angularjs
入門チュートリアル
ブートローダー
これで、AngularJS アプリケーション、phonecat を作成する準備が整いました。このステップ (ステップ 0) では、重要なソース コード ファイルに慣れ、AngularJS シード プロジェクトを含む開発環境を開始し、ブラウザでアプリケーションを実行する方法を学びます。
angular-phonecat ディレクトリに入り、次のコマンドを実行します:
コードをコピーします コードは次のとおりです:
git checkout -f step-0
このコマンドは、phonecat プロジェクトの作業ディレクトリをリセットします。学習ステップごとにこのコマンドを実行し、コマンド内の番号を学習ステップに対応する番号に変更することをお勧めします。作業ディレクトリに変更が加えられます。
次のコマンドを実行します:
コードをコピーします コードは次のとおりです:
ノードスクリプト/web-server.js
を使用してサーバーを起動します。起動後、http://localhost:8000 で実行されている Http Server を要求するメッセージが表示されます。ターミナルを閉じるとサーバーがシャットダウンされます。ブラウザに http://localhost:8000/app/index.html と入力して、phonecat アプリケーションにアクセスします。
これで、ブラウザーで最初のアプリケーションが表示されたはずです。これは非常に単純ですが、プロジェクトを実行する準備ができていることを示しています。
アプリケーションに表示される「ここにはまだ何もありません!」は、次の HTML コードから構成されています。このコードには、学ぶ必要がある AngularJS の主要な要素が含まれています。
app/index.html
コードをコピーします コードは次のとおりです:
<頭>
<リンク rel="スタイルシート" href="css/app.css">
<スクリプト src="lib/angular/angular.js">
ここには何もありません {{'まだ' '!'}}