weex-实战

这几天尝试用weex开发小app，总结一下：

快速开始

最佳实践

1.安装weex-toolkit

npm install  -g  weex-toolkit

2.安装 weexpack

npm install -g weexpack

3.新建项目

weexpack init [name]
cd [name]
npm install

如何开发模式

1.package.json中的三种命令

"scripts": {
    "build": "webpack",
    "dev": "webpack --watch",
    "serve": "serve -p 8080"
  }

2.开发模式

npm run dev

3.在设备上访问

weex src/app.we --qr

–qr 展示二维码，可使用weexplayground进行扫码访问

4.浏览器上访问

npm run serve

如何debug

1.浏览器：使用chrome development tools

2.客户端：

weex debug

参考资料

• https://yq.aliyun.com/articles/60496
• http://www.tuicool.com/articles/Yr6zIr6
• http://www.cnblogs.com/TomSnail/p/6072587.html
• http://blog.csdn.net/hopeyouknow/article/details/51800715
• https://github.com/h5weex/h5weex-books/blob/master/%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/%E7%BA%BF%E4%B8%8A%E8%B0%83%E8%AF%95.md
• https://github.com/weexteam/article/issues/32