安装/搭建 weex 开发环境

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

爱评论不评论

近期节日

2020年04月07日 世界卫生日
2020年04月11日 世界帕金森病日
2020年04月19日 谷雨
2020年04月21日 复活节
2020年04月22日 世界地球日
2020年04月23日 世界读书日
2020年04月26日 知识产权日
2020年04月30日 佛诞
2020年04月30日 全国交通安全反思日
2020年05月01日 国际劳动节
2020年05月04日 五四青年节
2020年05月05日 立夏
查看更多节日