Weex

weex

1. 基于vue.js生成we文件，通过npm部署到服务器。
   2.自己的SDK 可以通过配置URL访问相对应的we文件。
   3.通过node可以初始化、依赖、build等操作生成成熟的页面。

1）因为Weex工具链使用Node.js构建，在进行后续步骤前，你需要先安装 Node.js。
第一步：下载安装文件 下载地址：官网http://www.nodejs.org/download/ 这里用的版本是（node-v6.2.0-x64.msi）
第二步：下载完成之后，双击 node-v6.2.0-x64.msi，开始安装nodejs，默认是安装在C:\Program Files\nodejs下面，一路next完成安装。
第三步：安装npm相关环境。 在命令行中切换到nodejs目录 !
键入命令：npm install MySQL回车等待安装mysql……..
2)在Node.js安装成功后,你可以执行下面的命令来安装Weex命令行程序
npm install -g weex-toolkit

2.3 初始化一个项目
新建一个项目目录
命令行输入 weex init，这时会自动下载和生成相关文件
运行npm install，安装相关依赖包
2.4 与IDE集成
我使用的是WebStrom
将刚才新建的工程导入webstrom中
在setting->plugins中安装weex的插件：weex、weex langugge support，用于创建we文件和支持weex语法（VUE）
直接在webstrom的终端中运行weex相关命令
2.5 相关命令
weex ***.we ： 运行调试xxx页面，支持热加载，默认端口是8081和8082 8082是热加载端口
npm run build ： build 在package.json定义的脚本命令，执行webpack
npm run dev ： dev 在package.json定义的脚本命令，执行webpack --watch
npm run serve ： serve package.json定义的脚本命令，启动serve服务
weex xxx.we --qr： 运行调试xxx页面，并依据地址url生成二维码，主要是在iOS和Android上查看效果，设备须在同一个局域网中
webpack和serve的依赖包需要安装

1

如图所示： 这里写图片描述 在安装结束后，你能通过在命令行窗口执行 weex 命令来检查工具是否安装正确。仅仅输入weex并敲击回车后，你应该看到如下内容显示： 这里写图片描述 (请使用 weex –version 命令检查你的weex-toolkit版本是否大于 0.1.0） 至此，环境已经全部安装完毕。

官方文档里面说明，Weex 代码由 < template>、< style>、< script> 三个部分构成。

<template>：必须的，使用 HTML 语法描述页面结构，内容由多个标签组成，不同的标签代表不同的组件。
<style>：可选的，使用 CSS 语法描述页面的具体展现形式。
<script>：可选的，使用 JavaScript 描述页面中的数据和页面的行为，Weex 中的数据定义也在 <script> 中进行。

坑：安装weex-toolkit 失败 安装时很多warn 并且安装完成后再CMD上直接输入命令weex,会报错。
Error: resolve path error:/usr/local/lib/node_modules/weex-toolkit/node_modules/._weex-previewer
at NpmPackage.resolve (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/package/NpmPackage.js:50:23)
at Command.run (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/Command.js:43:13)
at XToolkit._done (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/xtoolkit.js:149:36)
at process.nextTick (/usr/local/lib/node_modules/weex-toolkit/node_modules/._xtoolkit@0.2.7@xtoolkit/src/xtoolkit.js:90:22)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)
at Module.runMain (module.js:606:11)
at run (bootstrap_node.js:393:7)
at startup (bootstrap_node.js:150:9)
at bootstrap_node.js:508:3
解决方案，卸载重装：
npm uninstall -g weex-toolkit
npm install weex-toolkit -g