项目地址如遇网络不佳,请移步
angular4.x + ionic3.x + cordova
git clone git@github.com:easytuan/ionic-cordova-demo.git # 国内镜像加速节点:git@gitee.com:easytuan/ionic-cordova-demo.git # 全局安装ionic和cordova npm install -g cordova ionic # 安装项目依赖 npm install # 在浏览器中启动项目 npm run serve # 添加android平台 ionic cordova platform add android # usb连接安卓手机运行 npm run dev
项目名:[a ionic3.x project],ionic3.x的移动app demo。
node版本
[8.0.0]
# 安装ionic和cordova npm install -g cordova ionic # 安装项目依赖 npm install
# 在浏览器中启动项目 ionic serve # 添加android平台 ionic cordova platform add android # usb连接安卓手机运行 ionic cordova run android
# 打包 npm run build
入口地址为 src/app/app.module.ts
目录结构
ionic-conference-app/ | |-- resources/ | |-- src/ | |-- app/ | | ├── app.component.ts | | └── app.module.ts | | └── app.template.html | | └── main.ts | | | ├── assets/ | | ├── fonts/ | | | | | ├── icon/ | | | | | └── images/ | | | |-- components/ * 组件 | | | |-- pages/ * 页面 | | │ ├── services/ * angular主题 | | └── httpservice.ts.scss * http请求封装 | | │ ├── theme/ * ionic主题配置 | | └── variables.scss * 主题 sass 变量 | | | └── | ├── .editorconfig * 代码风格配置文件 ├── .gitignore * git忽略目录 ├── license ├── readme.md ├── config.xml * cordova配置文件 ├── ionic.config.json * ionic配置文件 ├── package.json * 依赖配置文件 ├── tsconfig.json * typescript配置选项 └── tslint.json * 定义 typescript 规则
ionic开发文档地址
https://ionicframework.com/docs/
如对本文有疑问, 点击进行留言回复!!
在canvas(画布)上绘制一个矩形盒子并使用按键移动这个盒子
css深入剖析transform的translate和perspective
网友评论