cordava打包vue项目成app

注意：安装目录不要以中文命名

1.安装cordova ：npm install -g cordova

2.安装java jdk ：配置环境变量:

1.系统变量：名：JAVA_HOME    值：C:\Program Files\Java\jdk1.8.0_31

2.在Path中添加：%JAVA_HOME%\bin;

3.安装ANT :

1.添加系统变量:名：C:\WorkTools\apache-ant-1.9.4

2.Path中添加：%ANT_HOME%\bin\

4.安装：Android SDK

1.系统变量：名：ANDROID_HOME  值：C;\Program Files\adt-bundle-windows\sdk

2.在Path中添加：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

5.安装：Android studio

6.打包：cordova build android 打包;会生成一个D:\fpscaner\platforms\android\app\build\outputs\apk\debug\app-debug.apk的文件






原文地址：https://www.cnblogs.com/huanhuan55/p/10095545.html
				


				
时间： 2024-11-06 14:01:12 

		


		


	

	
	

		


		
cordava打包vue项目成app的相关文章


								

		

			

                30天轻松学习javaweb_打包web项目成war
			

		

		

									

				jar -cvf news.war news 打包成 war 包后复制到webapps下,Tomcat将会解压. 30天轻松学习javaweb_打包web项目成war,布布扣,bubuko.com			

		

	

				

		

			

                如何做到在webpack打包vue项目后，在外部动态修改配置文件
			

		

		

									

				在我们做完vue项目后,只需要执行 npm run dist 就可以轻松进行打包转测试,可是如果我们临时需要修改一些配置文件比如域名,这时候我们就有点懵逼了,那就修改了再重新打一次包? NO NO NO,让我们一起来探索如何解决这个问题吧. 首先我们需要借助一个插件 generate-asset-webpack-plugin npm install generate-asset-webpack-plugin --save-dev 其次在build文件夹下建立一个generate-asset.co			

		

	

				

		

			

                Vue项目中 App.vue文件
			

		

		

									

				在App.vue文件中,定义了一个id为app的div,在这个div板块中放置Helloworld组件,文件内容如下图所示: 在整个vue文件中,分为三部分内容, 第一部分是<template></template>包含的HTML页面内容 ,开发人员可以在这里设计页面展现的内容,并通过vue的一些语法加以控制, 比如v-if  .v-for  等等: 第二部分是<script></script>包含的页面逻辑的实现函数,关于这部分内容,后续会有详细的讲解,此			

		

	

				

		

			

                vue项目中app.vue 、main.js和 index.html的关联
			

		

		

									

				1.main.js是我们的入口文件,主要作用是初始化vue实例并使用需要的插件. import Vue from 'vue' import App from './App' /* eslint-disable no-new */ new Vue({ el: '#app', template: '<App/>', components: { App } }) 2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的.其实你也可以理解为所有的路由也是App.vue的子组件.所以我			

		

	

				

		

			

                maven 打包web项目成jar， 可放在服务器上运行
			

		

		

									

				1.pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <			

		

	

				

		

			

                nw打包vue项目exe更换图标
			

		

		

									

				web项目用nw打包好了之后发现没办法更换桌面显示图标问题,找了一下发现大多推荐Resource进行最后更换,试了第一次怎么也不管用,电脑重启了一下就行了...... 首先下载安装好了Resource之后,直接打开. 将所要更换的.exe在这里打开: 选中需要更换的图标组图标,点击右键选择更换图标. CTRL+S或者选择保存即可.最后查看效果 原文地址:https://www.cnblogs.com/wy120/p/11625038.html			

		

	

				

		

			

                16.如何做到webpack打包vue项目后，可以修改配置文件
			

		

		

									

				问题描述: 前端需要修改restful API的url,但是打包之后,配置文件找不到了,如果在npm run build 生成dist后,这个配置也被写死了,传到运行的前端服务器上后,假设某次,api服务器的ip修改了,改动只是更新下这个url,但是却需要会到前端源码,url后,在重新npm run build,然后再把整个dist再重新传到前端服务器,才可以. 解决方法: 用了generate-asset-webpack-plugin 这个插件,在webpack.prod.conf.js中去生			

		

	

				

		

			

                解决webpack打包vue项目后，部署完成后，刷新页面页面404
			

		

		

									

				1.url不动式url完全不动,即你的页面怎么改变,怎么跳转url都不会改变.这种情况的原理 就是纯ajax拿到页面后替换原页面中的元素,刷新页面就是首页 2.带hash(#)式这种相对于第一种的话刷新页面页面不会丢失    实现原理写一个window事件我监听url的变化,那我就能实先路由,那样我就可以根据url的变化,来通过ajax请求参数来渲染页面,一个url对应一个页面,就不会重复.window.addEventListener(‘hashchange‘,function(){self.			

		

	

				

		

			

                vue 项目打包
			

		

		

									

				打包命令: cnpm run build; 1.使用命令npm run build打包vue项目之后提示 :"Tip: built files are meant to be served over an HTTP server.Opening index.html over file:// won't work.",并且在本地打开index.html是空白页,是因为打包的时候配置文件config的index.js的build配置是默认assetsPublicPath为"/&