Cordova /Ionic 如何创建一个工程 运行到手机上 Cordova 入门（二）

前言

简单使用 CLI 创建一个 Cordova 工程 ，如果还没有配置环境请参考《Cordova Ionic3 For Android 环境配置 只需四步完成 入门 （一）》 。 此文假设大家已经部署好环境

简单创建Cordova|Ionic 工程

在VsCode中 使用快捷健 [CTRL + `] 打开VsCode内置cmd窗口 执行命令

Cordova 创建工程

参数解释
//myapp  工程目录
//com.example.myapp  工程包名
//MyApp 工程名
执行命令
cordova create myapp com.example.myapp MyApp

Ionic 创建工程（如果工程用原生编写使用上面 命令）

参数解释
//myapp  工程名
//blank | table |.. 构建一个 空白页 | 表格页 
//--appname myapp  应用名称
//--id com.demo.ionicapp  应用ID包名
执行命令
ionic start myapp blank  --appname myapp --id com.demo.ionicapp

命令执行完成后！恭喜你已经创建完成一个工程 执行完成后如图：

将Cordova/Ionic项目运行起来

假设上一步已经完成 在 cmd 中 执行命令以下命令请在含有package.json文件夹中执行 否则报错

将 Cordova 项目运行到浏览器

 cordova serve

将 ionic项目运行到浏览器

//安装对应依赖 否则可能导致 ionic serve 执行失败
npm install
//启动服务
ionic serve

命令执行完成后 会打开windows下默认浏览器 呈现 一个空白的网站网址是:http://localhost:8000

添加Android/Ios平台

1. @^7.0.0 cordova-android 版本 需要对应 android-API 上片文章 有版本对应说明！请参阅 否则编译会错误
2. android 安装的平台 也可以替换成 ios 则安装ios 平台

cordova platform add android@^7.0.0

执行完成后 打开工程 platform 即可看到熟悉的目录了

执行工程到手机上

请保证手机已经连接到电脑 ，adb正确配置环境变量 静静等待编译完成 就可以看到工程 运行到手机上了！

cordova run android

附录 Cordova 常用命令2

分享一下 我认为每个学习的阶段该掌握的命令 我会列举到下面 切记开始就用手敲 不要复制 复制永远记不住！！

命令	作用
cordova requirements android	检查当前编译环境 有什么没有配置正确 入门常用！
cordova config ls	查看cordova 的相关配置如代理等信息
cordova platform ls	查看以安装的平台 以及Cordova支持的平台
cordova platform add android	添加Android平台
cordova platform rm android	移除Android平台
cordova build android	编译Android工程
cordova run android	执行Android 工程到手机上