ExchangeWorld
1.0.0
ExchangeWorld~$ npm install )gulpを実行します(Gulpをグローバルにインストールする必要がある場合がありますnpm install gulp -g )gulp prodタスクを実行します(注:生産タスクはExpressサーバーを起動せず、ブラウザシンのライブリロードを提供しません。開発中にgulp devを使用してください。以下の詳細情報を使用してください)gulp deployを実行して、圧縮ビルドDIRをリモートサーバーに転送します。gulp devが実行されているので、サーバーも上昇し、 /buildディレクトリからファイルを提供しています。 /appディレクトリの変更はすべてGulpによって自動的に処理され、変更はプロキシアドレスに指定されたオープンブラウザに注入されます。 ExchangeWorld~$ npm install
ExchangeWorld~$ gulp
localhost:3000ブラウザで開きます。 ヽ(✿゚▽゚)ノAngularJSは、単一ページのWebアプリケーションを作成するためのMVW(Model-View-Anyvers)JavaScriptフレームワークです。このボイラープレートでは、すべてのアプリケーションルーティングとすべてのフロントエンドビューとロジックに使用されます。
AngularJSファイルはすべてapp/angular内にあり、次の方法で構成されています。
それらが表す機能に名前が付けられたフォルダーを作成します。フォルダーが7つ以上のファイルを含めるように成長したら、それらのフォルダーの作成を検討し始めます。しきい値が異なる場合があるため、必要に応じて調整してください。
.
├── core
├── exchange
├── follow
│ ├── follow.controller.js // put all related controller/service/html in same feature folder
│ ├── follow.html
│ ├── follow.module.js
│ ├── follow.route.js
│ └── follow.service.js
├── goods
├── home
├── layout
├── main.js
├── map
├── mobile
├── post
├── profile
├── seek
├── templates.js
├── tmp
└── utils
すべてのAngularJS関連コードは、コーディングスタイルガイドに従う必要があります
Eslintを実行します。
$ npm run lint
# Auto fix
$ npm run lint -- --fixJSCを実行します。
$ npm run jscs
# Auto fix
$ npm run jscs -- --fix依存関係注射はng-annotateライブラリを使用して実行されます。これを利用するために、形式の簡単なコメントは次のとおりです。
/** @ngInject */角度関数/モジュールの前に直接追加する必要があります。 Gulpタスクは、依存関係の注入を追加するために処理し、関数呼び出し内の依存関係を指定するだけで、それ以上のものは必要ありません。