Angularjs ---プロジェクト構築グラフィックチュートリアル

開発ツールはWebStormを使用しますが、クラックされておらず、有効期限戦略を使用しています。インストール後、プログラムを開き、2020年などの将来の日付にシステムを設定しないでください。プログラムを開いて試してみてください。次に、システムの日付を変更します。 WebStormを開くたびに、次のようにプロンプ​​トが表示されます。

ただし、使用には影響しません。「OK」をクリックして続行します。

このプロジェクトは、Anguarjs Seed Projectを基本的なフレームワークとして使用し、建設が完了した後、次のとおりです。

.bowerrcの構成は次のとおりです。

 {"directory"： "app/lib"}

3.アプリのビューは別のディレクトリに分割され、次のように保存されます。

4.次は、依存関係のサードパーティライブラリのインポート、バウアーインストール - 節約ライブラリ名です

いくつかの使用：

Angular-Local-Storage：ローカルストレージ、LocalStoreがサポートされていない場合、Cookieに自動的に切り替えます

Angular-Summernote：シンプルなリッチテキスト編集、シンプルなインターフェイスリファレンス、app.jsに「summernote」を登録することを忘れないでください

<summernote lang = "zh-cn"> </summernote>

Angular-Base64およびAngular-MD5暗号化と復号化

ブートストラップスタイルはこれでなければなりません

Bootstrap-FileInputイメージのアップロード、アップロードへのプレビューをサポートします

5.パッケージ化されたfis-config.jsを構成します

//すべてのファイルが含まれますfis.config.set（ 'project.include'、 '**'）; // directory fis.config.set（ 'project.exclude'、/^//lib//.////i );//// loads packfis.config.set（ 'simple'）; fis.config.set（ 'pack'、{'js/application.js'：['/lib/angular/angular.min.js'、 '/lib/angular-route/angular-route.min.js'、 '/lib/jquery/dist/jquery.min.js' '/js/controllers.js'、 '/js/directives.js'、 '/js/filters.js'、 '/js/services.js']、 'css/application.css'：['/lib/boottrap/dist/css/boottrap.min.css'、 'lib/font-awesome/css/font-awesome.min.css'、 '/css/**.css']}）; fis.config.merge（{domain：{'**。css'： '/ocs'、 '**。 '**。woff'： '/ocs'、 '**。woff2'： '/ocs'}}}）; fis-config.js

6.スタイルテンプレート、Angulajs+Bootstrapに基づいたいくつかのオープンソースプロジェクトを選択しましたが、そのうちの2つは気分が良いです。

adminlte：git：//github.com/almasaeed2010/adminlte.git

カリスマ：https：//github.com/usmanhalalit/charisma/archive/master.zip

上記のAngularjs ---プロジェクト構築グラフィックチュートリアルは、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。