1.1 ionic入门——新建ionic项目

(一)ionic是什么

    简单的讲,ionic是一个跨平台框架,一个让你只写一次代码却可以将android、iOS、微信公众号、移动端web页面一把撸的框架。

(二)ionic的基石

    ionic是基于谷歌的Angular框架,在这个框架上做了封装,使得我们开发移动端程序更为便捷。

    ionic还基于Cordova框架,Cordova这个框架使用Javascript调用原生功能,使得ionic轻松简单的调用摄像头等硬件。

(三)开发工具

    推荐visual studio code

    最开始我用的sublime text,有次意外崩了以后转到vs code,相见恨晚。

(四)配置环境

    1.安装nodejs

    2.安装ionic

        npm install -g cordova ionic

    (五)创建项目

        cd进放项目的文件夹,输入:

            ionic start myAppName tabs

            或者ionic start myAppName blank

            或者ionic start myAppName sidemenu

对照这三种样式:

 
ionic项目三种样式

(六)运行项目

    cd进你的项目文件夹(myAppName)

    输入:

        ionic serve  ——浏览器运行

(七)添加ios和android

    ionic cordova platform add ios 

    ionic cordova platform add android

猜你喜欢

转载自www.cnblogs.com/sandyLovingCoding/p/9660651.html
1.1