tralves / weex-todo-list

A demo To-do app built with Weex and Vue2.0
155 stars 41 forks source link
android ios vue weex

Weex To-do list app

A demo to-do list app, powered by Weex and Vue.

Video demos

Android demo iOS demo

Compile

Install the dependencies:

npm install

Compile the source code:

Copy the bundle file:

More npm scripts will be find in the package.json.

Start Web Service

npm run serve

The server is listening on 1337. Visit http://127.0.0.1:1337/index.html can preview the app on browser.

NOTE: Currently the vue renderer is not ready, the web page isn't rendering by Vue components.

Run The Android Project

First you should install Android Studio and Android SDK.

Assuming you have configured the Android development environment properly, just use Android Studio to open the project in the android folder, and run the app as other normal Android projects.

NOTE: If don't find the android project, open the file android/build.graddle. Android Studio will then create the android project.

Run The iOS Project

First you should setup the iOS develop environment and install the CocoaPods.

Enter the ios path, use CocoaPods to install dependencies:

pod install

Open the project in the ios folder by Xcode.

NOTE: If needed, drag the Pods.xcodeproj file to Xcode and add its libs to the project.

Run the app on the simulator.

NOTE: If you want to run the app on real device, you also need to setup your own signing configuration.