Cordova 笔记

npm instal -g cordova 安装
卸载cordova npm unistall cordova
-g
安装指定版本 npm install
-g cordova@4.1.1

1、创建应用项目及目录介绍

cordova create CordovaProject io.cordova.hellocordova CordovaApp 
CordovaProject 是创建应用程序的目录名称。
io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。 (包名)
CordovaApp 是您应用的标题。

例如:cordova create ZacharyResume Zachary.Qi.Resume Zachary简历
生成的cordova文件中

config.xml
-包含应用相关信息,使用到的插件以及面向的平台
platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库
plugins – 包含应用所需插件的 Cordova 库,使得应用能够访问例如照相机和电池状态相关的事项。
www – 包含应用源代码,例如 HTML, JavaScript 和 CSS 文件
hooks – 包含为个性化应用编译系统所需的脚本

2、自定义 图标

<platform name="android">
  <allow-intent href="market:*" />
  <icon density="ldpi" src="res/icon/android/icon-36-ldpi.png" />
  <icon density="mdpi" src="res/icon/android/icon-48-mdpi.png" />
  <icon density="hdpi" src="res/icon/android/icon-72-hdpi.png" />
  <icon density="xhdpi" src="res/icon/android/icon-96-xhdpi.png" />
</platform>

具体查看 http://cordova.axuer.com/docs/zh-cn/latest/config_ref/images.html

3、修改应用名称

在根目录package.json的displayName以及config.xml的name进行更改

4、常用命令

1、内置浏览器插件 以便在浏览器上 运行查看效果
cordova plugin add cordova-plugin-inappbrowser 
移除插件
cordova plugin remove cordova-plugin-inappbrowser 
2、安装使用平台 安卓、ios、windows
cordova platform add android/ios/windows  --save
--save 确保他们保存在了config.xml中
3、移除使用平台 cordova platform rm android/ios/windows cordova platform remove android/ios/windows
4、在浏览器上运行cordova cordova serve browser
5、检查安装了那些平台 cordova platform ls
6、检查是否满足构建平台的需求 cordova requirements
7、在虚拟机上运行安卓 cordova run android
8、打包成安装包 cordova build android
9、热更新 cordova plugin add cordova-hot-code-push-plugin 热更新 插件 npm install -g cordova-hot-code-push-cli 热更新插件的命令行工具

 

posted @ 2018-08-24 15:49  Model-Zachary  阅读(202)  评论(1编辑  收藏  举报