安装/搭建 weex 开发环境

首先需要安装 Node.js 环境，参考 Ubuntu 上使用 NVM 安装 Node.js

安装完 Node.js & NPM 之后

安装 weex-toolkit

注意，注意，注意，cnpm 安装的 weex 有很大概率会报错，建议使用 npm 安装。

npm install -g weex-toolkit

如果使用 cnpm 安装，听天由命吧

cnpm install -g weex-toolkit

注意：这里不要使用 sudo cnpm install 否则会报错

let taobao = new Ping('registry.npm.taobao.org')
^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

查看了一下 weex-toolkit 安装目录，估计是使用 nvm 的情况下不应该使用 sudo 安装于全局。

which weex
/home/zhongwei/.nvm/versions/node/v6.10.3/bin/weex

初始化项目并运行

参考 使用 weex-toolkit | Weex

初始化

weex init test-project

运行并自动打开浏览器演示界面

weex src/foo.vue

最爽的是，编辑保存之后，更改会即刻自动刷新到浏览器上

项目代码结构

tree 
.
├── app.js
├── assets
│   ├── phantom-limb.js
│   ├── qrcode.js
│   ├── qrcode.min.js
│   ├── style.css
│   └── url.js
├── build
│   └── init.js
├── index.html
├── package.json
├── README.md
├── src
│   └── foo.vue
├── webpack.config.js
└── weex.html

关于作者 🌱

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式