美文网首页
weex开发环境搭建

weex开发环境搭建

作者: sjeffery | 来源:发表于2019-02-26 15:27 被阅读3次

出于对开发效率和热更新的要求,团队决定使用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

可以直接在模拟器上看到效果了。

相关文章

网友评论

      本文标题:weex开发环境搭建

      本文链接:https://www.haomeiwen.com/subject/vbwayqtx.html