• 环境搭建
    • 第一步:安装 bui-weex-toolkit
    • 第二步:安装IDE

    环境搭建

    假设已经按照 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,例如 WebStorm 和 Visual Studio Code , 以 WebStorm 为例。

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

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

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