Git Product home page Git Product logo

weex-todo-list's Introduction

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:

  • npm run build # Compile the source code for web platform and native platform.
  • npm run dev # Watch mode for npm run build.

Copy the bundle file:

  • npm run copy:android # Copy generated bundle file to the assets of Android project.
  • npm run copy:ios # Copy generated bundle file to the assets of iOS project.
  • npm run copy # Run both copy:andriod and copy:ios.

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.

weex-todo-list's People

Contributors

tralves avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

weex-todo-list's Issues

when I use weex, in the .vue page, if I require a moment.js, the page doesn`t render successfully.

I install the lodash.js and moment.js in the same way. When I require the lodash.js into .vue page, the page render successfully, but when I require the moment.js, the page fail to render.I don`t know why? this is my code:

const modal = weex.requireModule('modal')
const _=require('lodash');
const moment = require('moment');
// modal.alert({
// message:moment
// });
const startTime='2016-05-05';
const length=30;
const leftTime=2;
// 有效起始时间
const mStartDate = moment(startTime);

Android Project

Hi!

I'm not an Android Developer. I have Android Studio installed (what an ugly piece of software!) and I tried to open the provided project on /android folder, but I couldn't locate the right file to open. Trying to load the project folder didn't help either.

Could you provide more instructions on your README?! Thanks!

Vedovelli

ios simulator crash

  • (void)setObject:(NSString *)obj forKey:(NSString *)key persistent:(BOOL)persistent callback:(WXModuleCallback)callback {
    NSString *filePath = [WXStorageModule filePathForKey:key];
    if (obj.length <= WXStorageLineLimit) {
    if ([WXStorageNullValue isEqualToString:self.memory[key]]) {
    [[WXUtility globalCache] removeObjectForKey:key];
    [[NSFileManager defaultManager] removeItemAtPath:filePath error:nil];
    }
    self.memory[key] = obj;
    NSDictionary *dict = [self.memory copy];
    [self write:dict toFilePath:[WXStorageModule filePath]];
    [self setInfo:@{@"persistent":@(persistent),@"size":@(obj.length)} ForKey:key];
    [self updateIndexForKey:key];
    [self checkStorageLimit];
    callback(@{@"result":@"success"});
    return;
    }

when I run it in ios simulator,crash,callback is null.

Project not running successfully

[email protected] dev D:\sudeep_dk\irota\weex\weex-todo-list
webpack --watch

Hash: 8d2b44b6e3b004348410
Version: webpack 1.15.0
Time: 27252ms
Asset Size Chunks Chunk Names
index.weex.js 130 kB 0 [emitted] index
+ 29 hidden modules
Hash: cb2e83599fc762fea34a
Version: webpack 1.15.0
Time: 28517ms
Asset Size Chunks Chunk Names
index.web.js 144 kB 0 [emitted] index
+ 36 hidden modules


  • I am Not to see anything after above mention logs... , please fix this if possible

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.