cordova--01--建立第一个app

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_23876873/article/details/84559299

创建您的第一个Cordova应用程序

本指南介绍如何使用cordova命令行界面(CLI)创建JS / HTML Cordova应用程序并将其部署到各种本机移动平台。有关Cordova命令行的详细参考,请查看CLI参考

1.首先需要安装node.js和npm,推荐使用nvm-->https://blog.csdn.net/xytang1007/article/details/72582679

2.

npm install -g cordova

上面的-g标志告诉npm全局安装cordova。否则,它将安装在当前工作目录的node_modules子目录中。

Create the App

1.新建一个App

cordova create hello com.example.hello HelloWorld

生成一下目录结构

2.添加平台

进入程序目录

cd hello

添加android和ios平台

$ cordova platform add ios
$ cordova platform add android

查看平台列表

cordova platform ls

打包和安装

要构建和运行应用程序,您需要为每个平台安装SDK。或者,如果您使用浏览器进行开发,则可以使用不需要任何平台SDK的浏览器平台--cordova run browser

打包检测

$ cordova requirements

Requirements check results for android:
Java JDK: installed .
Android SDK: installed
Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23
Gradle: installed

Requirements check results for ios:
Apple OS X: not installed
Cordova tooling for iOS requires Apple OS X
Error: Some of requirements check failed

打包

cordova build ---->全平台打包
cordova build android ---->指定打包Android

测试运行

模拟器

cordova emulate android

真机

cordova run android

添加插件

1.在页面中查找需要的插件https://cordova.apache.org/plugins/

2.通过以下命令查找

cordova plugin search camera

3.安装相机插件

cordova plugin add cordova-plugin-camera

4.查看安装的插件

cordova plugin ls
cordova plugin list

合并每个平台的特性

1.在www/index.html中引用overrides.css

2.在www/css/overrides.css建一个空的文件,

3.在css的子目录中新建merges/android,然后新建overrides.css,

升级cordova

npm update -g cordova

指定版本

npm install -g [email protected]

查看最新版本

 npm info cordova version

升级平台

$ cordova platform update android --save
$ cordova platform update ios --save

猜你喜欢

转载自blog.csdn.net/qq_23876873/article/details/84559299