利用ionic3+aangular开发混合app
开发前需要具备的前端技能
1.Node.js+npm(cnpm)
2.Scss(Sass)
3.Es6
4.Typescript js的超集
5. Angular 2.x版本以上
环境搭建
1.安装node
2.安装cnpm
npm i-g cnpm -registry-https://registry.npm.taobao.org
3.使用cnpm代替npm
npm config set registry=https://registry.npm.taobao.org
4.查看是否成功
npm config list
5.安装cordova和ionic3.16.0以上版本被墙
cnpm i-g ionic@3.16.0 cordova
6.新建项目
ionic start demo tabs(类似微信)/sidemenu(类似QQ)/blank(空)
7.项目结构
src存放源码,最主要的是app和pagesapp文件夹
main.js入口文件:引入其他依赖的文件
app.module.ts: 根模块文件
app.component.scss:全局样式文件
app.html:根组件模板
pages文件夹
存放app的所有页面
8.第一次运行
cd到项目目录
cd demo执行serve命令
ionic serve
可能遇到的问题
1.node sass报错
全局: npm install -g node sass@4.7.2 registry https://registry.npm.taobao.org
项目内: npm i node sass --sass binary site-https://npm.taobao.org/mirrors/node-sass
2.python环境缺失
安装python
npm i -python=python2.7