美文网首页
1.1 ionic3入门——新建ionic项目

1.1 ionic3入门——新建ionic项目

作者: 杨啊杨_fb52 | 来源:发表于2018-08-20 10:01 被阅读0次

    (一)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

    相关文章

      网友评论

          本文标题:1.1 ionic3入门——新建ionic项目

          本文链接:https://www.haomeiwen.com/subject/likkiftx.html