Cordova创建你的第一个App

安装Cordova Cli

1.安装cordova命令行工具

前提是:

电脑已经安装好Node.js

Node.js简介以及Windows上安装Node.js:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82903033

npm介绍以及常用命令:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82904147

Node入门之创建第一个HelloNode:

https://blog.csdn.net/badao_liumang_qizhi/article/category/8095491

2.打开cmd

输入:

npm install -g cordova

-g代表全局安装

Cordova创建你的第一个App_第1张图片

验证安装成功:

继续输入:

cordova

会输出一些信息

Cordova创建你的第一个App_第2张图片

创建你的App

1.新建文件夹作为你的App目录,桌面新建helloCordova

2.进入此文件夹,按住shift,点击右键,选择在此处打开命令行窗口

Cordova创建你的第一个App_第3张图片

输入:

cordova create hello com.ysh.hello HelloCordova

Cordova创建你的第一个App_第4张图片

项目名是hello ,包名是com.ysh.hello ,App名是HelloCordova

此时,目录下会多出hello目录,点进去可以看到

Cordova创建你的第一个App_第5张图片

添加平台

 所有后续命令都需要在项目目录或者项目目录的任何子目录运行

1.执行:

cd hello

进入项目目录

Cordova创建你的第一个App_第6张图片

2.然后给你的App添加目标平台,这里以添加android平台为例

执行:

cordova platform add android --save

Cordova创建你的第一个App_第7张图片

3.检查当前的平台设置情况

执行:

cordova platform ls

Cordova创建你的第一个App_第8张图片

4.更换平台版本

如果想要卸载当前平台,执行:

cordova  platform remove android

Cordova创建你的第一个App_第9张图片

想要安装指定版本的安卓平台可以执行:

cordova platform add [email protected]

可以在后面添加@执行版本

Cordova创建你的第一个App_第10张图片

 

构建App

执行:

cordova build android

为安卓平台构建

构建成功后:

Cordova创建你的第一个App_第11张图片

此时可以看到在项目的platform--android--build--outputs--apk

下已经有了一个android-debug.apk

Cordova创建你的第一个App_第12张图片

将其发送到手机进行安装,启动后界面如下

 

Cordova创建你的第一个App_第13张图片

 

 

 

 

你可能感兴趣的:(Cordova)