创建Cordova项目

来源:互联网 发布:长沙源码信息 编辑:程序博客网 时间:2024/04/29 06:33

    告别了原生开发,公司上个app应用就是使用Cordova集成开发,算是webApp了,调用了原生插件,主要Angularjs完成逻辑,H5写的界面。

    自己封装过插件,调原生控件;学习Angularjs,写逻辑。整体来说,对Cordova开发App也不算陌生了,但是一直没有自己进行练手,独立开发整个项目。想想也是惭愧啊。

    但是感觉自己学的也只是皮毛,差点还远那。


    (先前自己也试过配置环境安装运行Cordova,那时候一直出问题后来就撂那了,然后......)

    由于没有安装神器‘VS2015’,开发过程中,每次打包都需要领导打包,有什么问题自己只能在studio中调试,甚是不爽,奈何听闻至少得60G控件,感觉有点坑爹啊。

    这段时间不是太忙,搞了一段时间RN,前几天领导科普Cordova相关知识,顺便自己就用命令行试试,生成项目,捯饬捯饬。


    下面是简单的练手过程:

    1.npm install -g cordova   (安装过RN,所以node.js环境什么的都配置过了,没有安装的需要下载安装node.js)

    2.cordova create MyApp    找合适位置,创建原始项目

    3.cd MyApp   进入项目目录下,可以自行添加平台支持,cordova platform add <platform name>. 。

       eg:cordova platform add browser 浏览器支持  然后 cordova run browser,可以在浏览器上调试。

       这里使用    cordova platform add android    

    4.cordova plugin add  xxx  ,添加插件支持,用到什么添加什么,网上一大堆。(这一步可以略过)

    5.cordova build  构建应用

    6.cordova  run android   运行  (前提:连接真机或者模拟器)


    Over,随意修改www下的index,也可以把现成的工程拷进来,运行试试。

     下面是一个哥们写的小项目(什么前段自动化),我直接拖进来完美运行。

      工程运行方法:cordova  run android

     源码



0 0
原创粉丝点击