0.0.1 • Published 8 years ago

weex-pack v0.0.1

Weekly downloads
5
License
Apache-2.0
Repository
github
Last release
8 years ago

Weex 工程开发套件

English Version

weexpack 介绍

weexpack 是 weex 新一代的工程开发套件。它允许开发者通过简单的命令,创建 weex 工程项目,将项目运行在不同的开发平台上。

前期环境要求

  • 目前只支持 Mac 平台。
  • 配置 Node.js 环境,并且安装 npm 包管理器。
  • 配置 iOS 开发环境:
    • 安装 Xcode IDE ,启动一次 Xcode ,使 Xcode 自动安装开发者工具和确认使用协议。
  • 配置 Android 开发环境:
    • 安装 Android Studio 并打开,新建项目。上方菜单栏,打开 AVD Manager ,新建 Android 模拟器并启动 。(如果有安装 Docker ,请关闭 Docker Server 。)
    • 或者 只下载 Android SDK , 命令行运行 AVD Manager ,新建 Android 模拟器并启动。

使用方法

首先,全局安装 weex-pack 命令:

$ npm install -g weexpack

然后,创建 weex 工程:

$ weexpack init appName

weexpack 会自动新建以 appName 命名的目录,并将项目模板拉取到该目录。

最终形成的目录结构,如下所示:

-> /appName
.
|—— .gitignore
|—— README.md
|—— package.json
|—— webpack.config.js
|—— /src
|     |—— index.we
|—— /html5
|     |—— index.html
|—— /ios
|     |—— /playground
|     |—— /sdk
|     |—— /WXDevtool
|—— /android
|     |—— /playground
|     |—— /appframework

紧接着,进入目录,并且安装依赖:

$ cd appName && npm install

在 ios 平台上,运行项目:

$ weexpack run ios

在 android 平台上,运行项目:

$ weexpack run android

在 html5 平台上,运行项目:

$ weexpack run html5

对于有打包发布的需求的开发者,可以直接基于 playground 工程进行修改。后续,weexpack 将会进一步加入打包、测试等功能。