Ionic3归纳与总结 一

利用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