cordova安装及使用教程
1 预备工具
node.js及vs code
安装及使用教程
nodejs的安装包括node及npm,node是js交互式工具,而npm是一个包管理工具。
使用命令node -v或npm -version可以查看是否安装及安装版本。
Android SDK
可以安装Android Studio,在里面可以安装相关Android SDK,或者也可以单独下载SDK。
相关教程
cordova教程:https://www.w3cschool.cn/cordova/cordova_environment_setup.html
官方文档:http://cordova.axuer.com/#getstarted
2 安装cordova
npm config set registry https://registry.npm.taobao.org
npm i -g cordova
输入cordova -version查看是否安装成功
3 创建第一个应用程序
步骤1 - 创建应用程序
cordova create CordovaProject io.cordova.hellocordova CordovaApp
- CordovaProject 是创建应用程序的目录名称。
- io.cordova.hellocordova 是默认的反向域值。
- 如果可能,您应该使用您自己的域值。 CordovaApp 是您应用的标题。


步骤2 - 添加平台
进入到工程目录cd ./CordovaProject
添加安卓平台,这里需要提前安装好Android SDK
cordova platform add android
详见https://www.w3cschool.cn/cordova/cordova_first_application.html
步骤3 - 构建和运行
在这一步,我们正在为指定的平台构建应用程序,所以我们可以在移动设备或模拟器上运行它。
cordova build android
现在我们可以运行我们的应用程序。 如果你使用默认模拟器,你应该使用
cordova emulate android
如果你想使用外部模拟器或真实设备,你应该使用
cordova run android
注意:若编译时报错,则一般需要配置相关环境,记得配置完环境变量以后要重启命令提示符:
gradle环境配置、Android SDK
genymotion安装教程https://blog.csdn.net/qq_45467083/article/details/104380633
vscode 与 cordova
Cordova学习笔记-7.VisualStudioCode运行Cordova项目
cordova学习笔记,基于vscode入门和调试
VS Code插件之Cordova Tools
调试串口点击添加配置,就会出现launch.json文件,编辑后就会出现如下界面。
在这里因为我使用的是genymotion模拟器,所以这里要这样修改,否则会报错(大概原因是找不到默认模拟器):
更多推荐


所有评论(0)