创建Cordova项目

Posted 2020-08-29 快乐编程

1. 下载或者更新Node.js到最新版本
2. 在电脑终端输入命令来安装Cordova CLI

     sudo npm install -g cordova

  如果使用Windows电脑，需要在使用cmd命令行输入

     npm  install -g cordova

  如果已经安装过Cordova，使用下面的命令更新到最新版本

     npm update -g cordova

3. 使用cd命令进入你准备存放项目的文件夹
4. 使用Cordova CLI在workshop目录下生成一个名字为Workshop的项目

     cordova create workshop com.yourname.workshop Workshop

   Tips:使用上面的命令系统会自动生成workshop目录

5. 使用cd命令进入workshop文件夹

     cd workshop

6. 添加ios平台支持（可选项：仅开发iOS应用需要）

   Tips: 如果要编译iOS程序，必须安装iOS SDK。

• 确认系统已经安装了iOS SDK
• 在终端中确认在workshop目录下，使用下面都命令添加iOS平台支持

cordova platforms add ios

7. 添加android平台支持（可选项：仅开发Android应用需要）

Tips:如果要编译Android程序，必须安装Android SDK

• 确保Android SDK以及ant编译工具已经安装，如果尚未安装，可以从Android SDK下载
• 使用终端或者cmd工具，确认在workshop目录下添加Android支持

    cordova platforms add android

8. 使用终端或者cmd在workshop目录下，添加cordova插件

tips:从2015年7月15日起：插件模式由org.apache.cordova.*变更为cordova-plugin-*，继续使用org.apache.cordova.*会产生404错误：Error: Registry returned 404 for GET on https://registry.npmjs.org/org.apache.cordova.device

    cordova plugin add  cordova-plugin-device
    cordova plugin add  conrova-plugin-console

9. 熟悉workshop项目目录结构

• www目录存放html/javascript应用，index.html是默认主页
• platforms目录是cordova根据变异平台自动调用都环境，不要去编辑这些文件
• plugin目录存放插件
• config.xml存放应用配置数据