Git Product home page Git Product logo

weex-vue-starter-kit's Introduction

weex-vue-starter-kit

吐槽:复制粘贴了一波 weex-toolkit 的配置

概述

weexpack:方便生成 Native,启动模拟器进行效果预览,但没有对应 debug 指令,默认为 .we。

weex-toolkit: 方便 debug,官方手册指定方法,默认生成 Vue,但没有办法生成 Native 安装包。

yarn # 也可以使用npm install

# run ios
weexpack platform add ios
weexpack run ios

# dev
npm run dev
open http://0.0.0.0:8080/

显示二维码

open http://0.0.0.0:8080/qrcode.html

使用说明

可以使用所有的 weex-packweex 相关命令,可见:

目录结构

clone 之后只需要修改 src 目录下的文件即可,enjoy it!

├── yarn.lock
├── README.md
├── android.config.json
├── config.xml
├── hooks
│   └── README.md
├── ios.config.json
├── package.json
├── platforms     // 平台模版目录
├── plugins       // 插件下载目录
│   └── README.md
├── src           // 业务代码(vue文件)目录
│   └── index.vue
├── index.tpl
├── qrcode.tpl
└── webpack.config.js

weex-vue-starter-kit's People

Contributors

acgpiano avatar csvwolf avatar erguotou520 avatar limichange avatar qingwei-li 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

weex-vue-starter-kit's Issues

引入mint-ui后出现render error:2013

按照readme初始化了HelloWorld,一切正常。playground中正常,安卓模拟机上正常。

然后在src/app.js中加入
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI);
用来引入mint-ui,浏览器中localhost:8080页面正常显示mint-ui组件样式,而且F12打开调试板无任何报错。

但手机上playground扫码后就显示空白,运行weexpack run android之后安卓模拟机页面显示“render error:2013”

请问该怎么调整?多谢

debug使用playground扫描二维码无法连接

电脑和手机连接同一个wifi, 查询后发现电脑的ip为: 192.168.3.8, 手机的ip为192.168.3.5
可是用playground扫描时却不能连接上, 截图如下:
weex_error
在电脑端, 页面没有任何变化
(不知道动图为什么闪那么快, 意思就是扫面玩二维码后又回到了playground页面)

还有另一个神奇的问题是, 手机和电脑连接不同网络的时候, 扫描可以连接的上(手机端和上面一样,电脑端出现applist), 但是却不是自己的项目, 而是playgound的默认项目。 而且脸上了之后不能操作。

关于编译生成js的疑问

1.通过npm run dev 生成的 js 文件在哪里?(native 端)
2.如果我有多个vue, 想生成多个js 如何配置?

webpack如何配置才能生成多个js文件

我是做native端的开发,想做多个页面之间的跳转,我发现weex的组件navigator的跳转页面都是js,我想应该可以给对应的vue文件生成对应页面的js文件,但是生成多个js文件需要怎么配置webpack才行能,不太懂,希望得到指导!我目前的框架用的是作者的这一套,在这个基础上需要怎么改才行呢?

Getting more done in GitHub with ZenHub

Hola! @zhilianbi520 has created a ZenHub account for the ElemeFE organization. ZenHub is the only project management tool integrated natively in GitHub – created specifically for fast-moving, software-driven teams.


How do I use ZenHub?

To get set up with ZenHub, all you have to do is download the browser extension and log in with your GitHub account. Once you do, you’ll get access to ZenHub’s complete feature-set immediately.

What can ZenHub do?

ZenHub adds a series of enhancements directly inside the GitHub UI:

  • Real-time, customizable task boards for GitHub issues;
  • Multi-Repository burndown charts, estimates, and velocity tracking based on GitHub Milestones;
  • Personal to-do lists and task prioritization;
  • Time-saving shortcuts – like a quick repo switcher, a “Move issue” button, and much more.

Add ZenHub to GitHub

Still curious? See more ZenHub features or read user reviews. This issue was written by your friendly ZenHub bot, posted by request from @zhilianbi520.

ZenHub Board

render error:null

android 平台运行后显示 render error:null 没有修改任何配置

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.