weex第一节-环境搭建

Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。

首先，安装依赖

1、node.js

两种方式：

一、官网下载，直接安装即可。安装的同时会把npm一起安装的。

二、对于mac的用户，可以使用HomeBrew来安装

brew install node

关于多种方式的安装方式，请参考node.js官网

2、weex-toolkit

sudo npm install -g weex-toolkit@1.0.4 --registry=https://registry.npm.taobao.org

第二步，初始化

weex init project

第三步，开发

之后我们进入项目所在路径，weex-toolkit 已经为我们生成了标准项目结构。

在 package.json 中，已经配置好了几个常用的 npm script，分别是：

• build: 源码打包，生成 JS Bundle
• dev: webpack watch 模式，方便开发
• serve: 开启静态服务器
• debug: 调试模式

我们先通过 npm install 安装项目依赖。之后运行 npm run dev 和 npm run serve 开启watch 模式和静态服务器。

然后我们打开浏览器，进入 http://localhost:8080/index.html 即可看到 weex h5 页面。

初始化时已经为我们创建了基本的示例，我们可以在 src/foo.vue 中查看。