第一个weex程序

在开发以前，请先安装nodejs。安装办法这里不做详细介绍。

1.经过npm安装weex-toolkit

npm install -g weex-toolkit
#经过下面办法检查安装是否成功
weex --version
#查看帮助
weex --help

2.建立第一个weex项目

#先建立一个项目目录
mkdir weex
#切换到项目目录
cd weex
#初始化一个weex项目
weex init

建立成功后能够看到，weex的目录结构。则表示项目已经建立成功。

3.测试运行一下。

#指定端口预览页面
weex ./src/weex-bootstrap.we --port 9222

weex会启动服务器并自动打开预览的Html5页面。

或者按照下面办法启动服务器进行预览。

#首先下载相关的依赖
npm install
#编译项目
npm run build
#启动服务器
npm run serve
> weex@1.0.0 serve I:\self-code\Weex_HelloWorld\weex
> serve -p 8080

4.使用Playground进行调试。

先下载安装Playground。下载地址：https://weex-project.io/download.html。

#启动debug服务
weex debug src -e weex-bootstrap.we --port 9222

启动成功后，能够看到相似下面的界面。

经过Playground扫描第一个二维码，进入debug状态。

点击Inspector能够本地预览页面。扫第二个二维码能够在手机上预览页面。