Cordova /Ionic如何创建一个工程 运行到手机上
前言
简单使用 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平台
- @^7.0.0 cordova-android 版本 需要对应 android-API 上片文章 有版本对应说明!请参阅 否则编译会错误
- 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 工程到手机上 |