weex前端框架搭建

最新推荐文章于 2024-06-30 14:53:39 发布

liu1002880404

最新推荐文章于 2024-06-30 14:53:39 发布

阅读量552

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/liuerchong/article/details/106996520

版权

26 篇文章 3 订阅

订阅专栏

Nodejs安装（参考https://www.jianshu.com/p/13f45e24b1de）

1、下载安装包

下载地址：https://nodejs.org/zh-cn/download/

根据自己电脑系统及位数选择，我这里选择windows64位.msi格式安装包安装

.msi和.zip格式区别：

.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相关的内容封装在一个包里。

.zip是一个压缩包，解压之后即可，不需要安装
Cnpm、Nrm、Webpack

安装完nodejs以后会自动安装npm,但是npm的镜像源是国外的站点，所以建议使用cnpm,或者把npm的镜像源设置为taobao镜像源也是可以的

需要安装webpack

Weex Toolkit

安装weex的toolkit

npm i -g weex-toolkit 
weex -v // 查看当前weex工具版本

Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验，来构建 Android、iOS 和 Web 应用。简单来说，在集成了 WeexSDK 之后，你可以使用 JavaScript 语言和前端开发经验来开发移动应用。

然后初始化 Weex 项目：

$ weex create awesome-project

执行完命令后，在 awesome-project 目录中已经为我们生成了标准项目结构。

进入项目所在路径，如果你在生成项目的时候选择了自动安装依赖，在进入项目后只需直接运行 npm start 就可以将项目完整跑起来，否则，你需要预先在项目中运行一下 npm install 安装项目所需依赖。

预览效果图

默认情况下 weex create 命令并不初始化 iOS 和 Android 项目，你可以通过执行 weex platform add 来添加特定平台的项目。

weex platform add ios
weex platform add android

由于网络环境的不同，安装过程可能需要一些时间，请耐心等待。如果安装失败，请确保自己的网络环境畅通。

为了能在本地机器上打开 Android 和 iOS 项目，你应该配置好客户端的开发环境。对于 iOS，你应该安装并且配置好 Xcode。对于 Android，你应该安装并且配置好 Android Studio。当开发环境准备就绪后，运行下面的命令，可以在模拟器或真实设备上启动应用：

weex run ios
weex run android
weex run web

weex-toolkit 还提供了强大的调试功能，只需要执行：

weex debug

这条命令会启动一个调试服务，并且在 Chrome （目前只支持基于 V8 引擎的桌面浏览器）中打开调试页面。

一个基于 Weex 的富交互、轻量级、高性能的 UI 组件库

关注

专栏目录