出于对开发效率和热更新的要求,团队决定使用weex进行开发,本人将从环境搭建、开发、debug、构建、发布来分析下weex。
文章共分为三个部分,
1.环境跟工具的搭建.
2.weex开发.
3.weex扩展ios.
mac weex环境搭建
首先使用Homebrew 安装Node.js
brew install node
Homebrew 是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。Node.js 是一个Javascript运行环境(runtime)。
成功安装了 Node.js 环境后,npm 包管理工具也随之安装了,因此,直接使用 npm 来安装 weex-toolkit。
npm install -g weex-toolkit
weex-toolkit 是Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。安装完成之后可以使用
weex -version
验证是否安装成功。
之后cd到指定文件夹
weex create 工程名
自此,一个weex工程就建立了。用vscode打开之后基本样子如下:
image
接下来通过以下命令安装依赖。
npm install
接下来运行
npm run start
可以直接在网页上查看运行效果。
添加ios平台工程模板:
weex platform add ios
运行模拟器
weex run ios
可以直接在模拟器上看到效果了。
网友评论