简介
generator-aac-mvvm 是一个用于生成基于 Angular、AngularJS 以及跨平台移动应用方案（Ionic、Cordova）的 MVVM 工程模板的 npm 包。
它提供了一些通用的设计模式、框架和实用工具，可以快速帮助前端开发者创建一个高效、可扩展、易维护的工程项目。
安装
首先，在你的本地计算机上必须安装 Node.js 和 npm。在终端或命令行提示符下执行以下命令来全局安装 generator-aac-mvvm：
- --- ------- -- ------------------
使用
生成工程模板
执行以下命令生成工程模板：
- -- --------
该命令会开始一个以控制台交互的过程，你必须按照提示输入一些必要的工程信息，例如工程名称、作者、技术栈、目标平台等。
完成后，你会发现生成了一个名为 "generator-aac-mvvm" 的工程模板目录。
工程模板结构
工程模板一般包含以下结构：
- ---- -- ------ - ------------- -- ------------------- - ---------- -- -------------------- - ---------- -- ------ - --- - -------------- -- -------- - ----------- -- ---- ------ - --- - ------------- -- --- --- - ---------- -- --- ---------- - ---------- -- --- --------- - ------------ -- --- ----------------- - --------- -- -- ------ --
在 app 目录下，主要是前端代码，App.config.js 中包含路由、服务、样式表、语言包等前端基本配置信息。
在 build-scripts 目录下，主要是构建和打包脚本，比如 Gulp 构建配置文件。
示例代码
下面是一个简单的工程模板示例，展示如何利用 AngularJS 和 Ionic 打造一个跨平台应用：
---- ---------- ---
--------- -----
----- ---------------
------
----- ----------------
----- --------------- ---------------------------- ---------------- ---------------- ------------------
-------------------
---- --- ---
----- ---------------- -------------------------------
----- ---------------- ---------------------
-------
------
------------ -------------------
---------------------
-- -----------------------------
----------------------
--------------
-----------------------------
---- -- -- -- ---
------- --------------------------------------------
------- -------------------------
-------
--------- ------
----------------------- ----------
-------------------------- --------------------- ------------------------ ------------------- -
--------------
------------- -
---- -------
--------- -----
------------ ----------------------
--
------------------ -
---- --------
------ -
----------- -
------------ --------------------------
----------- -----------
-
-
---
------------------------------------------
---
----------------------- ---------- -------- ---------------- ---------------- ------ -------------- -
-- ---
----总结
generator-aac-mvvm 可以通过快速生成 MVVM 工程模板，帮助前端开发者加速应用开发进程。如果你想进一步了解，可以访问它的 GitHub 仓库或者 npm 官网页面。
当然，新手必须先对 Angular 和 Ionic 这两个技术栈有一些基本了解，才能够更好地应用该工程模板来创建自己的应用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056c4681e8991b448e5cac