首先需要安装 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 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 聊聊, 查看更多联系方式