文档章节

Weex开发环境搭建到Debug实战

WDRainCN
 WDRainCN
发布于 2017/07/25 14:26
字数 387
阅读 31
收藏 0

最近公司需要,需要实现前后端隔离项目的研发。在搭建前端框架项目时,发现Weex可以实现一端开发,多端运行的特性,所以搭建研究下,算是做个技术预研。 (注:以下工具及使用的命令,均为MAC环境安装) 一、安装基本的开发环境支持工具

  1. 安装Node(对于 Mac,可以使用 Homebrew 进行安装,非常简单)
brew install node
  1. 安装完成后,使用如下命令检测是否安装成功
node -v
4.0.5
  1. 安装weex-toolkit(注意这里使用了淘宝的 cnpm 镜像,为方便国内下载快,原因都懂的)
npm install -g cnpm --registry=https://registry.npm.taobao.org  
cnpm install -g weex-toolkit
  1. 安装结束后可以直接使用 weex 命令验证是否安装成功,下面直接开始创建项目框架
weex init your-project
  1. 完成后进入your-project目录,分别输入如下命令,安装依赖和启动服务
npm install --安装依赖
npm run dev  --watch
npm run serve
  1. 下面可以开始看自己的初始第一个页面了,默认目录下有一个src/foo.vue,输入如下命令,进入调试界面
weex debug your_weex.vue

会自动调用浏览器打开_http://192.168.1.10:8088/_这个网址,显示如下截图 调试页面

  1. 使用手机安装playground(地址_http://weex.apache.org/cn/playground.html_),在手机上打开playground,扫描上图的红色箭头指引的二维码。即可在手机端实时展现foo页面的内容,进行调试了

© 著作权归作者所有

WDRainCN
粉丝 0
博文 2
码字总数 499
作品 0
深圳
技术主管
私信 提问
Weex 知识梳理(1) - 环境搭建

一、环境搭建 1.1 搭建工程结构 在目录下创建一个新的工程,命名为,包名为,以下是创建的普通工程: 普通工程 1.2 配置开发环境 安装和,到官网安装到最新的稳定版本,下载地址为 http://n...

泽毛
2018/01/09
0
0
React Native \ WEEX 开发文档汇总

React-Native 开发基础文档 环境构建 参照官方提供文档的指引 集成到现有应用 基本语法 入门基础 组件及api JsX语法基础 React-Native生命周期 ES6基础 promise async/await 状态管理 Redux状...

V1admirMakarov
2018/01/11
0
0
基于weex的app开发脚手架weexplus学习笔记

认识weexplus weexplus是基于weex官方的二次开发版本,weex和react native一样同属第2代跨平台技术,解决了第一代性能低下,体验不好的问题,同时保留了第一代 多平台一套代码,基于web技术栈...

kung2016
03/09
0
0
JEECG社区《微信小程序开发培训》视频

JEECG社区《微信小程序开发培训》视频 课 程: JEECG 微信小程序开发培训 讲 师: 周俊峰、张加强 开课时间: 2016年12月06日开课 ****************************...

Jeecg
2016/12/16
80
0
WEEX、React-Native开发App心得

WEEX、React-Native开发App心得 起因 最近公司准备使用weex或者react-native进行跨平台开发,并不是要做新的app而是准备用这种方式代替原来webview+h5内嵌这种方式,这种hybrid的方式,存在于...

V1admirMakarov
2018/01/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何使用 rsync 备份 Linux 系统的一些介绍

备份一直是 Linux 世界的热门话题。回到 2017,David Both 为 Opensource.com 的读者在使用 rsync 备份 Linux 系统方面提了一些建议,在这年的更早时候,他发起了一项问卷调查询问大家,在 ...

xiangyunyan
44分钟前
1
0
二进制位操作

单片机,或者一些模块的设置操作,都是由一个字节数据来完成,每位各有定义。就需进行位操作来组合需要的数字结果。 以JavaScript为例,编写位操作。 我们期望得到这样一个二进制数:0101101...

format
58分钟前
4
0
聊聊中国的通信行业:从“七国八制”到“中华”脊梁

本期文章和大家一起来聊一聊我曾经从事过的通信行业吧。最近各方面信息的泛滥,包括和华为的同学聊天,自己确实也感慨颇多。想想我自己本科主修通信工程,研究生再修信息与通信工程,从本科开...

CodeSheep
今天
10
0
MDK:ARM M451M:exceed the range of code meory, continue to erase or not?

问题: 代码空间超限 几天前就遇到:exceed the range of code meory, continue to erase or not? 如下所示: 解决过程 开始以为中MDK软件的128KB限制,如是就不能生成HEX文件,应该链接时有提...

SamXIAO
今天
4
1
OSChina 周六乱弹 —— 因违反《中华人民共和国治安管理处罚法》第四十四条之规定

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @xiaoshiyue :#今日歌曲推荐# 惊艳分享谷微的单曲《安守本份》(@网易云音乐) 《安守本份》- 谷微 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
今天
735
15

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部