在VSCODE中跑cordova项目

接下来要做一个混合开发，看了框架：flutter/native react/weex等但是考略到技术栈和时间限制。首先考虑cordova去做调用原生。在Vscode中建个cordova项目

传送门官网地址https://cordova.axuer.com/

步骤一:创建cordova项目

npm install -g cordova
cordova create MyApp
//然后是添加平台 我添加了安卓的
cordova platform add android       

可以看到如下的项目目录

cordova项目

+———————————————————————————————————————

步骤二：模拟器调试

下载vs code中的插件cordova tools

cordova tools

这里说明一下，刚开始点到这个虫子可以看到提示选择lanch.json开始调试，但是我看了我的项目没有这个文件，点这个lanch.json蓝色字弹出来选择cordova就可以看到如下界面了

image.png
如果可以的话到这里已经成功了！

然鹅！！跑到很多问题

（我很淡定，看到啥问题按提示去解决就好了）
跑成功的前提的：(这里不详细描述 不会安装搜对应的安装就行了)
1：已安装了JDK
2：已安装了SDK
3：已安装了Gandle
如果碰到以上的问题，将以上所有的参数添加到环境变量中即可

image.png
image.png

其中cordova.grandle文件中 String envVar = System.getenv("ANDROID_HOME"),如果之前配置的名字是ANDROID_SDK_ROOT会导致找不到，所以我又加了

image.png image.png

以下是跑成功的图：

image.png