安装/搭建 weex 开发环境

更新日期: 2018-01-26 阅读次数: 12835 分类: 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

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

weex chrome

项目代码结构

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 聊聊, 查看更多联系方式