关于weex学习笔记

最近在完善之前的weex项目功能，clone下项目来竟然忘记了怎么操作了，慢慢回顾查询并操作，终于跑起来了。

一、准备工作

开发工具：WebStorm (V 2018.1.1)

浏览器环境：Google Chrome (版本必须是79或以下，不然weex debug 不起来)

二、开发

由于我这个不是新项目，是放github上了的，就从我这次开发做记录。

1、通过git clone 将项目克隆下来并通过webstorm打开。

2、改配置信息 ，在这里写上项目渲染出来的第一个页面文件。

在这里改上第一页的文件目录名。

3.npm install 安装插件

安装完成就多了一个这个node_modules文件：

4、检查weex安装版本

命令：weex -v

5、简单文件用法

（1）在store文件里

api.js里宏定义了一些接口名称和请求地址，

action.js请求中间层方法，

index.js里定义一些变量名并做了一些get方法，

mutations.js里定义了一些处理数据的方法。

（2）在.vue文件里写界面布局template、事件script、样式style。

（3）在.router.js文件里写了当前文件地址及有跳转的地址，及返回的文件地址。

5、常用命令

（1）npm run build

（2）npm run dev  打包后生成的文件在dist文件底下，需要将.js文件给服务器端，其他移动端获取链接跳转到我们写的weex页就可以了。

本地测试时可以写个本地地址，比如我在xcode里这样测试：

（3）npm run serve  在浏览器打开页面 ，用weexPlaygroud客户端扫码手机端看效果。

三、debug调试

weex debug 命令开启调试，手机扫码点击调试就可以了。

具体怎么看调试数据根据官网来就行 https://weex.apache.org/zh/guide/debug/debug.html