接下来要做一个混合开发,看了框架:flutter/native react/weex等但是考略到技术栈和时间限制。首先考虑cordova去做调用原生。在Vscode中建个cordova项目
传送门官网地址https://cordova.axuer.com/
步骤一:创建cordova项目
npm install -g cordova
cordova create MyApp
//然后是添加平台 我添加了安卓的
cordova platform add android
可以看到如下的项目目录
![](https://img.haomeiwen.com/i11811349/f8fcb2fcfe5696ec.png)
+———————————————————————————————————————
步骤二:模拟器调试
下载vs code中的插件cordova tools
![](https://img.haomeiwen.com/i11811349/dd0ce0a038216cca.png)
这里说明一下,刚开始点到这个虫子可以看到提示选择lanch.json开始调试,但是我看了我的项目没有这个文件,点这个lanch.json蓝色字弹出来选择cordova就可以看到如下界面了
![](https://img.haomeiwen.com/i11811349/070dc1b6914c4cd8.png)
如果可以的话到这里已经成功了!
然鹅!!跑到很多问题
(我很淡定,看到啥问题按提示去解决就好了)
跑成功的前提的:(这里不详细描述 不会安装搜对应的安装就行了)
1:已安装了JDK
2:已安装了SDK
3:已安装了Gandle
如果碰到以上的问题,将以上所有的参数添加到环境变量中即可
![](https://img.haomeiwen.com/i11811349/a9cdbf894e7a3c73.png)
![](https://img.haomeiwen.com/i11811349/11b584fa529c7e0a.png)
其中cordova.grandle文件中 String envVar = System.getenv("ANDROID_HOME"),如果之前配置的名字是ANDROID_SDK_ROOT会导致找不到,所以我又加了
![](https://img.haomeiwen.com/i11811349/e84277545c468cb4.png)
![](https://img.haomeiwen.com/i11811349/d1bd5ee87fe81a7c.png)
以下是跑成功的图:
![](https://img.haomeiwen.com/i11811349/9b6c7956904f3035.png)
网友评论