Cordova创建你的第一个App

╰+攻爆jí腚メ 2023-10-18 09:36 54阅读 0赞

### 安装Cordova Cli ###

1.安装cordova命令行工具

前提是：

电脑已经安装好Node.js

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

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/82903033][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82903033]

npm介绍以及常用命令：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/82904147][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82904147]

Node入门之创建第一个HelloNode:

[https://blog.csdn.net/badao\_liumang\_qizhi/article/category/8095491][https_blog.csdn.net_badao_liumang_qizhi_article_category_8095491]

2.打开cmd

输入：

npm install -g cordova

\-g代表全局安装

![Image 1][]![70][]

验证安装成功：

继续输入：

cordova

会输出一些信息

![Image 1][]![70 1][]

### 创建你的App ###

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

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

![70 2][]

![Image 1][]

输入：

cordova create hello com.ysh.hello HelloCordova

![Image 1][]![70 3][]

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

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

![70 4][]

![Image 1][]

### 添加平台 ###

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

1.执行：

cd hello

进入项目目录

![70 5][]

![Image 1][]

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

执行：

cordova platform add android --save

![Image 1][]![70 6][]

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

执行:

cordova platform ls

![Image 1][]![70 7][]

4.更换平台版本

如果想要卸载当前平台，执行：

cordova  platform remove android

![Image 1][]![70 8][]

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

cordova platform add android@6.2.3

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

![Image 1][]![70 9][]

### 构建App ###

执行：

cordova build android

为安卓平台构建

构建成功后：

![70 10][]

![Image 1][]

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

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

![70 11][]

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

![Image 1][]![70 12][]

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82903033]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82903033
[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82904147]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82904147
[https_blog.csdn.net_badao_liumang_qizhi_article_category_8095491]: https://blog.csdn.net/badao_liumang_qizhi/article/category/8095491
[Image 1]: 
[70]: https://img-blog.csdn.net/20181008104615253?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: https://img-blog.csdn.net/20181008104636834?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: https://img-blog.csdn.net/20181008104708962?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 3]: https://img-blog.csdn.net/20181008104822467?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 4]: https://img-blog.csdn.net/20181008104839363?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 5]: https://img-blog.csdn.net/20181008104917132?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 6]: https://img-blog.csdn.net/20181008105007488?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 7]: https://img-blog.csdn.net/20181008105125321?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 8]: https://img-blog.csdn.net/20181008105205728?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 9]: https://img-blog.csdn.net/20181008112514945?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 10]: https://img-blog.csdn.net/20181008112602483?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 11]: https://img-blog.csdn.net/20181008112617551?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 12]: https://img-blog.csdn.net/20181008112621418?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70