摘抄

项目构建

由于喵神的 Objc 网站是直接返回 html，所以想进行模拟网络请求返回数据，就只能自己搭建一个后台，写 api 返回数据了。

我利用 Express 把后台搭建在 8081 端口上，并写好路由，请求会转到 8080，开启服务器的时候也会自动开启后台。

#   install   dependencies   安装依赖 npm   install#   serve   with   hot   reload   at   localhost:8080npm   run   dev#   serve   with   hot   reload   at   localhost:8080npm   run   start#   build   for   production   with   minification   打包 npm   run   build#   build   for   production   and   view   the   bundle   analyzer   reportnpm   run   build   --report#   run   unit   testsnpm   run   unit#   run   e2e   testsnpm   run   e2e#   run   all   testsnpm   test#   打包   Mac   应用 npm   run   build:mac#   打包   Linux   应用 npm   run   build:linux#   打包   Win   应用 npm   run   build:win#   打包   Cordova   应用 npm   run   build:app

这里要单独说一下 Cordova 的打包方式，它比桌面端的稍微特殊一点。

首先把 src/main.js 文件中关于 Coredova 的三行注释打开，Coredova 库的初始化需要包在生成 Vue 实例 的外面。打开注释以后，再执行接下来的步骤。

我在项目中放了一个 Makefile，可以根据这个来做。

首先全局安装 cordova 命令

npm install -g cordova

再输入下面的命令，生成 app 项目目录

cordova create app com.vueobjccn vueobjccn

进入到 app 文件夹中

cd app

添加对应的平台

cordova platform add ios

cordova platform add android

运行项目

cordova run ios

cordova run android

Cordova 只生成了一个壳的 app，里面具体的内容还是读取的网页，在生成的对应的应用里面有一个 www 的文件夹，这个文件夹里面就是要加载页面。JavaScript 打包之后是会生成 www 的文件夹，只要去替换 Cordova 对应平台里面的 www 文件夹里面的内容即可。