aiplat / angular-app

改写angular的跨平台app框架

angular-app

• angular-cli+cmui+html5+css3+typescript+tslint+webpack

• 适合开发各种webapp、企业网站、后台管理系统等等任何系统

• cmui仓库为https://github.com/womendi/cmui.git

• 结合hbuilder打包，可以直接做成全平台应用。例如 亲信地铁（vueapp） 腾讯应用宝或苹果appstore搜索‘亲信地铁’、web访问http://m.aiplat.com/metro

• 代码实例： ai智能空间angular版 http://ajs.aiplat.com

• 实例相对应网站1：ai智能空间vue版 http://www.aiplat.com

• 实例相对应网站2：ai智能空间react版 http://react.aiplat.com

• 实例相对应网站3：ai智能空间nervjs版 http://nerv.aiplat.com

---

代码目录结构

习惯vue后，改为与vueapp类似(https://github.com/womendi/vueapp)

• config ------environment配置目录
• dist ------npm run build后实际布署代码目录
• e2e ------e2e目录(有关e2e暂时未改)
• src ------代码主体目录
• --- assets ------静态css、images、less文件目录
• --- components ------公共组件目录
• --- plugins ------公共函数或插件目录
• --- routes ------路由配置目录
• --- views ------路由对应页面视图目录
• --- index.html ------单页面应用公共html入口文件
• --- main.ts ------应用入口文件
• --- polyfills.ts ------Browser polyfills & Application imports
• --- test.ts ------有关test暂时未改
• .angular-cli.json ------angular-cli配置
• tsconfig.json ------ts编译配置
• tslint.json ------ts规则配置
• webpack.config.js ------webpack打包配置

---

clone

• $ git clone https://github.com/womendi/angular-app.git

安装依赖

• $ cd angular-app
• $ npm install

开发模式

开发模式(热更新代码，自动刷新页面)

• $ npm run dev 或 npm start

最后看到以下这句 表示webpack编译成功

• webpack: Compiled successfully.
• 打开 http://本地ip:3009，方便手机在局域网访问

打包项目

• $ npm run build
• 整个项目代码打包到dist目录,已启用Gzip压缩，打开其中index.html就是项目 首页

tslint

• $ npm run tslint (查看)

---

兼容性

• PC端：兼容IE9及以上
• 手机端兼容安卓与ios等等各种系统，不区分机型
• 兼容一切可联网设备，比如TV等等,不区分尺寸大小