weex mac下 搭建开发环境

来源:互联网 发布:淘宝助理无法同步店铺 编辑:程序博客网 时间:2024/06/11 15:01

参考官网教程  https://weex-project.io/cn/guide/index.html 

第一步:安装依赖

使用 Homebrew 安装 Node.js 和 weex-toolkit

Homebrew 是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。

Node.js 是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。

weex-toolkit  是Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。

 1、安装Node.js ,(mac上已安装Homebrew )

 brew install node

可能需要一些时间,安装完成后node -v检查是否安装成功

由于我已经安装了Node.js 这里就不再重新安装,下面是截图


2、安装weex-toolkit

成功安装了 Node.js 环境后,npm 包管理工具也随之安装了。因此,直接使用 npm 来安装 weex-toolkit
npm是nodejs的包管理和分发工具

npm install -g weex-toolkit

安装结束后你可以直接使用 weex -version命令验证是否安装成功

如遇到问题可以参考官网教程 https://weex-project.io/cn/guide/index.html

在官网教程上是要大家下载weex-toolkit@beta版,发现在使用weex-components扩展组件的时候出现加载编译出错。可能是官网更新不及时,这里推荐大家直接安装稳定版。


第二步:初始化

$ weex init vcpeyun

执行完命令后,在当前目录下会生成vcpeyun文件,文件中就创建了一个使用 Weex 和 Vue 的模板项目。


第三步:准备开发工具,安装项目依赖

使用前端开发工具WebStorm,并且下载安装weex插件


打开开发工具,选择我们刚创建的vcpeyun项目


在项目目录下通过命令 npm install安装项目依赖,它会根据项目初始时生成的package.json下载相应的依赖

下载完项目依赖 会发现多出了 node_modeules文件。


第三步:helloworld

新建helloworld.we文件

使用weex命令 weex helloworld.we 这时会自动弹出浏览器窗口 显示页面。











1 0