vue做完项目怎么生成app

Vue是基于MVVM模式的前端框架，而针对移动端App的开发，我们可以借助一些工具将Vue打包成App。下面，我将介绍两种将Vue打包成App的方式。

一、通过Cordova打包

Cordova是一个可以将JavaScript应用程序打包成原生应用程序的开源框架。借助Cordova，我们可以将Vue应用程序封装为原生应用程序，并发布到iOS和Android等平台上。

下面是具体步骤：

1. 创建Vue项目

首先，我们需要通过Vue Cli创建一个Vue项目。在终端执行：

```

vue create my-project

```

2. 添加 Cordova 插件

在Vue项目中，我们需要使用Cordova插件。在终端执行：

```

vue add cordova

```

3. 配置 Cordova

在添加完Cordova插件后，项目下会出现`cordova`的文件夹，其中的`config.xml`文件中需要配置我们App的各种设置，如版本号、应用名称、图标等。这个文件很重要，在使用Cordova打包应用的时候，默认会使用这个文件中的配置信息。

4. 执行打包命令

在终端执行以下命令进行打包：

```

npm run cordova-prepare

```

5. 生成原生应用程序

在运行以上命令后，会生成对应平台的原生应用程序。对于每一个平台，执行以下命令生成对应的应用程序：

```

cordova build android

cordova build ios

```

二、通过Weex打包

Weex是一个可以将Vue组件渲染成原生页面的框架，可以很好的支持跨平台应用的开发。借助Weex，我们可以将Vue组件渲染成原生应用程序，并发布到iOS和Android等平台上。

下面是具体步骤：

1. 创建Vue项目

首先，我们需要通过Vue Cli创建一个Vue项目。在终端执行：

```

vue create my-project

```

2. 安装 Weex

在终端执行以下命令安装：

```

npm install weex-toolkit -g

```

3. 创建Weex文件

我们需要在Vue项目中创建`weex`文件夹用来存放Weex文件，Weex文件使用Vue的语法。下面是一个简单的Weex文件：

```