weex项目实战篇(一)
来源:互联网 发布:单片机c语言编程入门 编辑:程序博客网 时间:2024/06/05 19:50
本期六篇文章目录(可点击跳转)
一. 阿里Weex框架快速体验与环境搭建
二. weex sdk集成到Android工程
三. weex服务项目搭建
四. Weex优雅的“降级”到 HTML5
五. weex项目实战篇(一)
六. weex项目实战篇(二)
1. 前言
通过前面四篇文章的介绍,相信大家对weex基本熟悉了,下面就开始动手做项目,一些细节问题,在项目实战中继续消化。
2.开发工具和环境
俗话说,工欲善其事必先利器,我选的IDE开发工具为webstorm,webstorm相信做前端的同学非常熟悉。我本身就是做android原生开发的,android studio非常熟悉,而这两款IDE操作界面接近相同,上手无障碍。
安装过程如下:
1)下载webstorm
我用的版本如下所示:大家自行去百度下载,实在找不到的,私聊我,我邮件发你们。
2)安装完webstorm后,打开webstorm后,在webstorm中下载weex插件,从而让webstorm支持weex的语法,并且可以实时编译。
如图所示:
一.点击File->Settings
二.在Settings列表中找到Plugins
三.在输入框中输入weex,会出现如下的两个插件,点击install,及开始安装。
安装完成,重启IDE后,则可以新建.we文件,如下所示:
新建test.we文件后,点击确定,则自动生成weex的模板,如下所示:
到这里开发工具已经安装完毕,可以进入weex的神秘探索之旅了。
mac环境下,在.we文件下画界面的时候,右侧会动态呈现所画界面,跟android studio一样。不过很遗憾,window下不能,我用的就是window,不过屌丝总会有办法活下去。在windos环境下,随便写个.we文件,用weex test.we –qr生成二维码,再用playground去扫生成的二维码,因为playgrund实现了websocket长连接,所以你界面布局会实时更新在playground中,也相当于可以实时观察自己的布局了,后面的项目中会用到,这里就不细说了,只要大概知道就好。
如有错误欢迎指出来,一起学习。
交流讨论群
群号:469890293
- weex项目实战篇(一)
- weex项目实战篇(一)
- weex项目实战篇(二)
- weex项目实战篇(二)
- weex项目实战
- weex学习之路(一)--项目快速创建
- Weex环境构建(一)Weex+Android开发环境
- weex采坑之旅(一)初识weex
- 实战项目分析(一)
- vueJs项目实战(一)
- SSH项目实战(一)
- weex更新方案探索(一)
- A 项目 实战 (一)开篇
- OA项目实战(一) 概述
- OA项目实战(一) 概述
- cocos2dx消息系统项目实战(一)
- Dubbo项目实战初探(一)
- React-Native 之 项目实战(一)
- 4195: [Noi2015]程序自动分析
- 简单的ori指令实现
- nmap常用命令及参数说明
- 安卓中Paint类和Canvas类的方法汇总
- NYOJ241 - 字母统计
- weex项目实战篇(一)
- 关于虚拟机部分故障的解决
- [工程优化]用CPLEX解决工程规划问题 (
- Android正方教务系统软件的适配制作
- JAVA设计模式之状态模式
- Eclipse:保存首选项配置(Preferences)
- 浅谈构造函数和析构函数
- 模拟 8086 汇编环境
- Android之旅第四站——ArrayAdapter的使用…