cordova入门级简单功能的实现(五)

cordova入门级简单功能的实现(五)

前四节我们进行了一些准备工作,现在我们来安装cordova
首先:win + R 打开命令窗口,运行 cnpm install cordova -g
也可以根据需求指定cordova版本号进行安装:

cnpm install cordova@版本号 -g

执行完以上命令全局安装了cordova;执行cordova -v来查看版本号;如下图所示

这里我们安装的为6.3.0版本。
找到一个位置,新建一个文件夹cordovaProjects;在命令行中进入这个文件夹
执行命令cordova create hello com.example.hello HelloWorld
hello:是项目文件夹名称
com.example.hello:包名也是app的唯一id
HelloWorld:APP名称

得到如下结果:
在这里插入图片描述
创建成功,进入我们的目录可以看到一个名叫hello的文件夹在这里插入图片描述
项目目录结构如图所示:
config.xml:Cordova的核心配置信息
hook :自定义扩展功能
platform :添加的运行时,例如Andriod、iOS等
plugins :引入的插件
www :开发目录

至此我们就已经创建了一个cordova项目
进入hello文件夹:
在命令行中运行如下命令:cordova platform add android --save
添加安卓平台;安装成功后运行命令:cordova platform ls 查看添加的平台信息
我安装的平台如图所示:
在这里插入图片描述
在命令行输入 cordova build android 会出现一大串代码,不用管
在这里插入图片描述
出现上图所示的BUILD SUCCESSFUL 项目构建成功
根据下面的路径定位APK安装包 安装到手机或者模拟器就可以看到项目的主界面的如下图所示
在这里插入图片描述
此时一个cordova项目创建完成

猜你喜欢

转载自blog.csdn.net/m0_37202330/article/details/83511983