Angular-phonecat実行をコンパイルします



Compile Angular Phonecat Run



1.angular-phonecat公式angularjsチュートリアルの例。学習することで、angularjsを開始するための良い方法と見なすことができます。
git clone code downを推奨し、続いて公式の英語のドキュメントを段階的に実行します。中国語翻訳オンライン版ですが、古すぎます。

ドキュメント:[url] https://code.angularjs.org/1.4.0-rc.0/docs/tutorial [/ url]
コード:[url] https://github.com/angular/angular-phonecat [/ url]

私はいくつかの小さな問題を実行してコンパイルされたドキュメントに従って会い、いくつかの回避策によって解決されました。この記事は、ステップで実行するためにコンパイルされたレコードと見なすことができます。

2.環境
Windows764ビット
Chrome 41
nodejs 0.10.29
海抜2.8.3
バウアー1.4.1
anglejs 1.3.15
ブートストラップ3.1.1
jquery 2.1.3

3.特定の手順

3.1コードのクローン
git clone --depth=14 https://github.com/angular/angular-phonecat.git
上記のコマンドは、すべてのレコードを送信するのではなく、最新の送信の14倍しかプルしないため、コードのダウンロード時間を短縮できます。

3.2インストールされたnodejs、npm、bower
これはよく言われますが、他の記事を参照していません

3.3インストールの依存関係
npm install

間違いが少ない場合は、
致命的:github.comに接続できません
説明ファイアウォールポートのgitプロトコルが閉じています。httpsプロトコルの使用を検討してください。次のコマンドを入力できます

git config --global url.'https://'.insteadOf git://
bower install

最後に、エラーがないことを確認するためにnpmインストールを実行する権利以上のものがあります。

3.4ユニットテスト
npm test

3.5スタート

npm start


次に、http:// localhost:8000 / app /index.htmlを参照して

3.6E2Eテスト実行

npm start
npm run protractor


間違いが少ない場合は、
エラー:エラーが発生しましたエラー:https://chromedriver.storage.googleapis.com/2.10/chromedriver_win32.zipからETIMEDOUTに接続します
説明エージェントいいえ、ご存知のとおり、上記のアドレスをダウンロードしたzipパッケージのエージェント自身がいます。
次に、chromedriver_win32.zipの名前をchromedriver_2.10.zipに変更し、node_modules protractor seleniumディレクトリにコピーして解凍し、chromedriver.exeを取得します。

ディレクトリを見てください。3つのファイルがあるはずです。

D:gitopensourceangular-phonecat>ls node_modulesprotractorselenium
chromedriver.exe chromedriver_2.10.zip selenium-server-standalone-2.42.2.jar


最後に、もう一度
npm run protractor

Chromeブラウザが自動的に開き、ロボットが自動的にページをクリックして、E2Eテストを実行することがわかります。

4.終了
この時点で、環境は正常にセットアップされています。このドキュメントを学習するには、サンプルコードに従う必要があります。多くの新しいテクノロジーとベストプラクティスを使用するためのサンプルコードは、優れたケーススタディとして役立ちます。
0バールから12バールまでのチュートリアル、

git checkout -f step-0

このコマンドは、最初のチュートリアルセクションに対応するステップ0、0にリセットされたコードを投影します。バーの後ろなど。