/weex-start-kit

代码热加载、webpack打包，weex原生调用，vue组件封装，weex内置组件使用.支持playground真机预览

Primary LanguageJavaScript

weex-starter-kit

weex-starter-kit

getting start

npm install

file structure

  • src/*: all source code
  • app.js: entrance of the Weex page
  • build/*: some build scripts
  • dist/*: where places generated code
  • assets/*: some assets for Web preview
  • index.html: a page with Web preview and qrcode of Weex js bundle
  • weex.html: Web render
  • .babelrc: babel config (preset-2015 by default)
  • .eslintrc: eslint config (standard by default)

npm scripts

# build both two js bundles for Weex and Web
npm run build

# build the two js bundles and watch file changes
npm run dev:web

浏览器打开 http://localhost:8080

项目结构

.
│  .babelrc                           # server 用的 babel 配置  
│  package.json                       # npm 包配置
│  README.md                          #  
├─build                               # 打包配置
├─config                              # 项目和构建配置 
├─dist                                # 打包结果目标目录
├─src                                 # 前端代码根目录
│  │  app.entry.js                    # weex应用入口
│  │  web.entry.js                    # web端入口
│  │  router.js                       # 路由配置
│  │  store.js                        # 数据仓库
│  ├─components                       # 共用的组件 
└─static                              # 静态资源

##新增二维码通过PlayGround实时预览

##注意 #二维码扫描手机端与pc必须是内网 #需要修改static/assets/config.js中ip地址 #运行 npm run build:weex #将dist下app.weex.js拷贝到static跟目录下.运行npm run dev:web扫描二维码即可

##Web预览效果



##真机预览效果



## Remark

## web预览加载外网图片，weex打包进行本地资源加载都可以.
## web预览修改->src->tools-index.js中资源路径即可
## webstorm热更新把settings=>appearance=>system=>synchornization=>最后一项勾去掉