vue项目使用Cordova打包app环境配置

vue

vue项目使用Cordova打包app环境配置

vue开发心得,最近做了一个项目,vue开发移动端项目并打包app。经过两个月左右的学习,完成了这个项目,把这篇博客分享个大家,希望大家不要走弯路。

第一步:配置环境变量

1.安装JDK 

  点击下载JDK,安装,然后新建环境变量 。如下图:

      

2.安装AndroidSdk

  点击下载AndroidSdk,安装,然后新建环境变量 。也可以安装Android studio。 如下图:

       

3.安装gradle

  点击下载gradle ,安装,然后新建环境变量 。下载版本:gradle-5.6.2。如下图:

       

第二步:安装cordova

1.全局安装cordova的环境

执行命令 :

cnpm install -g cordova

 能看到版本号,就是安装成功了。

 2.我们来新建一个 cordova 应用

执行命令:

 cordova create my-cordova

这就成功了,文件夹多了my-cordova这个文件夹。

如果报这个错误:

我们安装Cordova6.0.0这个版本,执行命令 :cnpm install -g cordova@6.0.0 ,这个版本就没有那个问题。

 3.我们操作 cordova 应用

有三个文件夹是比较重要的,www文件夹放需要打包的文件,platforms里面存放是打包Android还是iOS还是browser。

我们在my-cordova下打开命令行,

 在平台里添加 android 项目,执行代码:

cordova platform add android --save

 文件夹里就有了Android这个环境,

我们也可以加上iOS和Browser ,执行代码:

cordova platform add ios --save

cordova platform add browser --save

三个环境就都有了。

以上是 vue项目使用Cordova打包app环境配置 的全部内容, 来源链接: utcz.com/z/376976.html

回到顶部