1.安装cordova
安装cordova命令行工具,通过下面这些步骤:
- 下载和安装Node.js。安装完成后你可以在命令行中使用node 和 npm 。
- (可选)下载和安装git client, 如果你没有。安装成功后,你可以在命令行中使用git。 这个命令行使用下载git仓库中的资源。
- 安装cordova 模块使用Nodejs的npm工具。cordova模块会被npm工具自动下载。
在Windows终端上输入npm install -g cordova
-g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。
安装完成后,你应该能够在命令行中运行cordova命令,在没有任何参数的时候会打印一些帮助信息。
(详情请参考cordova官网)
2.创建App
当一切准备就绪后,在你的桌面新建一个文件夹
打开cmd命令符,cd到刚刚新建的文件夹中
输入 cordova create hello com.example.hello HelloWorld
此时你桌面新建的文件夹会多出一个名为hello的文件
在终端中 cd 到hello文件
输入 cordova platform add android --save
接着再输入 cordova build android
此时你的hello文件夹中会有一个apk文件,将这个发送到Android手机上即可安装打开!
(此apk仅为cordova示例的app,如何将自己的vue项目打包成apk请往下看)
!!!
!!!
!!!
要想将自己的vue项目打包成apk,先把刚刚打包好的示例apk删除了
然后打开上面操作后得到的hello文件夹下的www文件夹
我们会看到里面的文件和我们之前vue打包后的文件一样(vue项目打包)
此时我们只需要把这些文件全部删除,将之前vue打包好的dist文件夹中的文件全部复制到www文件夹中
然后在终端再次输入 cordova build android
这时,再回到apk所在文件夹,你会发现刚刚删除的apk又回来了,但是现在的apk已经不是cordova示例apk了,而是你的vue项目apk,将它发送至手机即可安装运行!