官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。
首先,安装依赖
1、node.js
两种方式:
一、官网下载,直接安装即可。安装的同时会把npm一起安装的。
二、对于mac的用户,可以使用HomeBrew来安装
brew install node
关于多种方式的安装方式,请参考
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 Bundledev
: webpack watch 模式,方便开发serve
: 开启静态服务器debug
: 调试模式
我们先通过 npm install
安装项目依赖。之后运行 npm run dev
和 npm run serve
开启watch 模式和静态服务器。
然后我们打开浏览器,进入 http://localhost:8080/index.html
即可看到 weex h5 页面。
初始化时已经为我们创建了基本的示例,我们可以在 src/foo.vue
中查看。