zoukankan      html  css  js  c++  java
  • vue项目使用Cordova用打包成app 沉浸式导航栏

    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

    三个环境就都有了。

  • 相关阅读:
    js人工智能对话框
    html 实现相册
    thinkphp5 三种重定向(跳转)
    thinkphp5 分页实现
    常用的Mysql数据库操作语句大全
    FormData之file图片上传
    FormData对象
    input file 上传图片时限制格式
    form 中Enctype=multipart/form-data 的作用
    thinkphp5 不刷新退出
  • 原文地址:https://www.cnblogs.com/liuzhou1/p/11906051.html
Copyright © 2011-2022 走看看