Linx.vue 是一款 vue 脚手架,使用这款脚手架构建的应用可以做到一次编写而在手机,电脑和网络三端运行。 你可以在 https://github.com/scrisstudio/linx.vue 找到这个项目

从零开始

你可以使用如下命令快速构建项目或者手动构建。

npm install linx-cli -g
linx g myproject

构建

# install dependencies
npm install

# cordova setup
# first edit the project name in app/config.xml
cd app
npm install
cordova platform add ios
cordova platform add android
cordova platform add browser

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

# run Cordova tests
npm run cdev
cd app
cordova run ios

# build for Cordova
npm run cbuild
cd app
cordova run ios

# run Electron tests
npm run edev

# build for Electron
npm run ebuild

Example

Example

制作

在如下文件编辑项目信息

package.json
README.md
app/package.json

现在你可以开始制作了。你只需使用类似vue-cli项目的方式就可以了。(包括vue-router和element-ui)

同时你可以使用 process.env.LINX_AGENT 去找到用户终端类型。

一共有三种值:

  1. electron :桌面端

  2. cordova :手机端

  3. 空值或者其他:网络端