codecamp

Weex 开发

下一步就是进入刚刚创建的文件夹,并且安装依赖,然后执行 ​npm start​:

cd awesome-app
npm install
npm start

然后工具会启动一个本地的 web 服务,监听 ​8081​ 端口。你可以打开 ​http://localhost:8081​ 查看页面在 Web 下的渲染效果。 源代码在 ​src/​ 目录中,你可以像一个普通的 Vue.js 项目一样来开发.

Preview

除此之外,你还可以打开 ​http://localhost:8081/preview.html​ 开启一个预览页面,它会把 web 端的页面放在一个 iframe 中渲染,而且在右侧生成一个二维码。用 Weex playground app 扫描这个二维码可以看到页面在手机上渲染的真实效果。


Weex 初始化
Weex 编译和运行
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Weex 调试

Weex 集成Devtool到Android

Weex 集成Devtool到IOS

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }