环境搭建

假设已经按照 Weex官方 的教程学会了如何搭建本地开发环境进行 Weex 开发。

第一步:安装 bui-weex-toolkit

bui-weex-toolkit 是配合 BUI-Weex 框架使用的命令行工具(CLI),能够快速创建框架脚手架工程、查看发布版本等。该工具需要安装在全局:

  1. npm install -g bui-weex-toolkit

正常安装后,打开命令行,输入bui-weex

环境搭建 - 图1

命令行使用:

  1. bui-weex -v // 查看当前toolkit版本
  2. bui-weex -h // 命令帮助信息
  3. bui-weex create <projectName> [version] // 创建bui-weex示例工程,可以指定模版版本
  4. bui-weex list // 显示可用的版本
  5. bui-weex list-template // 显示模版工程里可用的模版

更新工具:

  1. npm update -g bui-weex-toolkit

第二步:安装IDE

这里推荐使用对于命令行集成的比较好的IDE,例如 WebStormVisual Studio Code , 以 WebStorm 为例。

WebStorm中安装 VueJS \ Weex \ Sass 的插件:

环境搭建 - 图2 环境搭建 - 图3 环境搭建 - 图4

好了,到这一步,您已经具备了比较优雅的开发环境了,下一步开始【创建工程】!