Weex从0到狂风暴雨

前言：去年入门Flutter，甚是喜欢。无奈公司硬挖坑Weex。先是入坑Vue.js，最近已经进入Weex模式。
Weex特点：
1、渲染原生控件（UI）
2、可以预加载
3、hot reload（没有flutter的顺手）
4、可以用Vue.js写（还是有些限制）
5、向原生发指令渲染UI
6、不能直接加载本地图片（使用交互方法可以加载）
7、WeexUI还是很不错的
8、与原生交互套路和原生和JS交互套路一样，注入model吧啦吧啦吧啦
9、Flutter会统治全世界。
10、Flutter会统治全世界。

有人说weex性能好，有人说flutter性能好，有人说用H5就可以了，有人说就得用原生。各有各的优缺点，找到适合自己团队，并且能持续发展，对团队有力的就可以。

自我提醒：学weex、flutter、rn、vue.js这些是把技术横向发展，大多数是为了满足公司需要。个人认为对技术提升无太大帮助，原生技术深度学习还是很有必要。专一特技（视频、音频、OpenGL等）学习很有必要...

• 相关工具

npm install weex-toolkit -g

* weex-toolkit： 是用来初始化项目，编译，运行，debug所有工具。
* weexpack是用来打包JSBundle的，实际也是对Webpack的封装。
* playground是一个上架的App，这个可以用来通过扫码实时在手机上显示出实际的页面。
* code snippets这个是一个在线的playground。
* weex-devtool 开发调试神器

• 创建项目

weex create 文件名

• 创建iOS和Android工程

weex platform add ios
weex platform add android

• iOS打包指令

weex build ios

• Hot Reload

weex-devtool 查看下面weex-devtool启用

• weexlistener

npm install weexlistener -g
weexlistener用于监听本地文件，并建立一个websocket。端口号固定为29998。
也可以自己写代码监听这个端口

• concurrently

npm install concurrently -g
"ide:preview": "concurrently \"npm start\" \"weexls start\""

• weex-devtool配置测试地址

weex debug --port 8888 --channelid 1

• jwt-simple 生成token解析token

npm install --save jwt-simple

• Weex-toolkit

npm install weex-toolkit -g

• Weex-ui

npm i weex-ui@latest -S
npm i babel-plugin-component babel-preset-stage-0 -D

• weex-vue-router

npm install weex-vue-router