文档章节

第一个weex程序

张朝峥
 张朝峥
发布于 2017/01/19 11:46
字数 310
阅读 174
收藏 0

在开发之前,请先安装nodejs。安装办法这里不作详细介绍。

1.通过npm安装weex-toolkit

npm install -g weex-toolkit
#通过下面办法检查安装是否成功
weex --version
#查看帮助
weex --help

2.创建第一个weex项目

#先创建一个项目目录
mkdir weex
#切换到项目目录
cd weex
#初始化一个weex项目
weex init

创建成功后可以看到,weex的目录结构。则表示项目已经创建成功。

3.测试运行一下。

#指定端口预览页面
weex ./src/weex-bootstrap.we --port 9222

weex会启动服务器并自动打开预览的Html5页面。

或者按照下面办法启动服务器进行预览。

#首先下载相关的依赖
npm install
#编译项目
npm run build
#启动服务器
npm run serve
> weex@1.0.0 serve I:\self-code\Weex_HelloWorld\weex
> serve -p 8080

4.使用Playground进行调试。

先下载安装Playground。下载地址:https://weex-project.io/download.html。

#启动debug服务
weex debug src -e weex-bootstrap.we --port 9222

启动成功后,可以看到类似下面的界面。

通过Playground扫描第一个二维码,进入debug状态。

点击Inspector可以本地预览页面。扫第二个二维码可以在手机上预览页面。

© 著作权归作者所有

下一篇: 常用Mysql命令
张朝峥
粉丝 1
博文 12
码字总数 5549
作品 0
广州
高级程序员
私信 提问
vue 项目快速输出微信、支付宝、百度小程序

上周,Megalo@0.2.0 正式发布,优化了数据更新性能的同时,支持了百度智能小程序,着实激动了一把,这“可能”是目前社区里第一个同时支持三端小程序的 vue 小程序框架。下面我们就来试试他的...

zwwill木羽
2018/11/13
0
0
移动跨平台方案对比:WEEX、React Native、Flutter和PWA

本文主要对WEEX、React Native、Flutter和PWA几大热门跨平台方案进行简单的介绍和对比。内容选自《WEEX跨平台开发实战》 (WEEX项目负责人力荐,从入门到实战,教你玩转移动前端跨平台开发!...

xiangzhihong
08/30
0
0
Weex快速上手教程(Weex Tutorial)

我们将使用Weex编写一个简单的列表 , 类似的列表经常能在电商类移动应用中见到。 开始 我们先编写一个列表项。 请创建一个名为 tech_list.we 的文件( .we 是Weex推荐的后缀名 ) ,请复制粘贴...

阿里百川
2016/06/14
5.9K
0
Weex list复用(三)

Weex list复用 1.Android中的list 标签list在Android中,对应的组件为Recyclerview。观察如何在Android中形成复用。复用情况下,首先追查对应的RecyclerView.Adapter,方法getItemViewType()...

cjh94520
2017/07/20
0
0
Weex 是如何在 iOS 客户端上跑起来的

前言 2016年4月21日,阿里巴巴在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。Weex能够完美兼顾性能与动态性,让移动开发者通过简捷的前端语法写出Native级别的性能体验,并支持iOS、...

一缕殇流化隐半边冰霜
2017/03/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

总结:TCP/IP协议

一、介绍 TCP协议属于OSI七层模型中的传输层协议,提供处于网络连接中的两台计算机之间的数据 传输。   在传输层有两个性质不同的协议:TCP(Transmission Control Protocol,传输控制协议...

浮躁的码农
6分钟前
1
0
一言不合就删库跑路?万名贡献者和阿里巴巴开源的二三事

9 月 27 日云栖大会,阿里巴巴宣布贾扬清担任开源技术委员会负责人。 有人问:开源是为了什么? 从个人视角看,可以证明自己的专业能力,获得行业认可; 从企业视角看,可以建立技术影响力,...

大涛学弟
17分钟前
2
0
JAVA编程注意事项(性能篇)

1. 尽量在合适的场合使用单例 使用单例可以缩短加载的时间,提高加载的效率,单例主要适用于以下三个方面: 第一,控制资源的使用,通过线程同步来控制资源的并发访问; 第二,控制实例的产生...

你好夜故事
19分钟前
2
0
List 前端 AngularJS JS 对IP排序

数据格式 $scope.dataList=[ {"ip":"192.168.10.10", "port":"8080",...}, { "ip":"192.168.10.12", "port":"8080",... } ,.....] 调用 $scope.ipSortForward($scope.dataList,"ip") 核心代码......

最菜最菜之小菜鸟
19分钟前
2
0
浅析Cassandra LeveledCompactionStrategy

前言 Cassandra是基于LSM架构的分布式数据库。LSM中有一个很重要的过程,就是压缩(Compaction)。默认的压缩策略是SizeTieredCompactionStrategy,今天主要说一下另一种压缩策略LeveledComp...

阿里云官方博客
23分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部