WEEX环境搭建与入门

最新推荐文章于 2024-08-12 00:44:54 发布
最新推荐文章于 2024-08-12 00:44:54 发布
阅读量4.3k 收藏 5
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangzhihong8/article/details/79994918
版权
本文介绍了Weex的跨平台开发背景，详细讲解了在Mac环境下如何搭建Weex的开发环境，包括Homebrew、Node、Xcode、Android Studio的安装，以及weex-toolkit和weexpack的使用。接着，文章展示了如何创建Weex工程，编写Hello World程序，并指导如何在Web、iOS和Android平台上运行。最后，文中提到了真机和虚拟机运行的步骤，以及可能出现的常见错误。
摘要由CSDN通过智能技术生成

Weex简介

Weex 是阿里前端技术团队开源额一套跨平台开发方案，能以web的开发体验构建高性能、可扩展的 native 应用，Weex 的页面表示层使用 Vue ，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，Weex和React Native一样是当前流行的跨平台开发框架。Weex的官方地址为：https://weex.apache.org/。Weex最简单的方法是使用 Playground App 和在 dotWe 编写一个 Hello World 的例子，你甚至不需要安装任何的开发环境或编写native代码即可开始一个Weex程序。

环境搭建

开发Weex程序之前，需要先搭建好相关的开发环境，为了同时开发Android和iOS跨平台应用，你需要一台Mac电脑，然后安装一些必要的软件。

Homebrew

Homebrew是Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。安装命令如下：

/usr/bin/ruby -
了解本专栏 订阅专栏 解锁全文 超级会员免费看
xiangzhihong8
关注
专栏目录
订阅专栏
Weex Eros快速入门
xiangzhihong8的专栏
12-01 3271
概述 随着Weex跨平台技术的持续火热，一时间涌现出了一大批基于Weex的开源解决方案，Weex Eros就是这么一个面向前端Vue的开源APP解决方案。 目前，如果直接使用Weex框架开发应用会存在很多痛点，诸如初始化启动的环境问题、项目工程化问题、版本升级与版本兼容问题和不支持增量更新等，而Weex Eros等开源解决方案能对上述问题进行有效的解决。 Weex Eros的定位不是组件库，而是基...
weex 项目环境配置
danby2的博客
11-20 181
首先需要的环境： 1：Node.js 2：Git 3：jdk 4：Android Studio 5：android 模拟器 详细过程： 首先下载安装Node 和Git，Git 下载完成之后就可以使用npm了，根据习惯可以转淘宝镜像，在终端做一个测试，确认是否安装成功 接下来安装jdk，我选择的是jdk8的版本，先下载安装jdk8，安装完成之后，找到jdk8的安装目录，在其下边...
阿里Weex框架快速体验与环境搭建
热门推荐
曹银飞的专栏
09-30 3万+
目录阿里Weex框架快速体验与环境搭建weex sdk集成到Android工程weex服务项目搭建Weex优雅的“降级”到 HTML51. 前言Weex能够完美兼顾性能与动态性，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、YunOS及Web等多端部署。 对于移动开发者来说，Weex主要解决了频繁发版和多端研发两大痛点，同时解决了前端语言性能差和显示效果受限的问
Weex简介
最新发布
地球空间
08-12 685
2. **使用 Web 技术**：Weex 应用的 UI 层使用标准的 Web 技术进行开发，使得 Web 开发者能够快速上手移动应用开发。3. **原生性能**：Weex 应用的渲染层使用原生组件，这意味着 Weex 应用可以提供与原生应用相同的性能和用户体验。10. **企业支持**：作为阿里巴巴集团的产品，Weex 得到了企业级的支持，适用于需要高性能和高可靠性的企业级应用开发。5. **丰富的组件和扩展**：Weex 提供了丰富的组件库和 API，支持扩展，使得开发者可以快速构建复杂的应用。
Weex环境搭建
我的博客
02-10 563
前言 Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架，并支持iOS、安卓、YunOS及Web等多端部署；Weex 已经于 2017-02-24 迁移至 Apache 基金会，项目地址：https://github.com/alibaba/weex 环境搭建 安装依赖 安装Node 本文所使用Node版本为8.9.4，软件地址：https://nodejs.org/en/...
Weex 环境搭建及配置
潘潘
01-29 621
命令行创建Weex项目及idea下配置 命令行创建weex 首先打开命令行（window）或者终端（Mac）必须先安装Node.js，然后全局安装 weex-toolkit 假设这些你已经完成在输入这行命令安装weex所需weex的环境，npm install weex-toolkit -g，接着就可以创建项目weex create awesome-app 这样就在跟目录创建了一个名为 aweso...
Weex之开发环境搭建
龙筱福
09-03 137
(adsbygoogle = window.adsbygoogle || []).push({}); Weex之开发环境搭建 当前位置: Home » material » Auxia » Weex之开发环境搭建 Weex介绍: Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架，可以使用用同一套...
WEEX环境搭建与入门详解
10-16
WEEX环境搭建与入门详解的知识点包括以下内容： WEEX定义和优势： WEEX是阿里前端技术团队开发的一套跨平台开发方案，可以使用Web的开发体验构建高性能、可扩展的原生应用。WEEX的页面表示层使用Vue.js框架，并且...
weex 入门Demo 前端
01-10
二、环境搭建 首先，你需要安装Node.js和npm（Node包管理器），这是Weex开发的基础。接着，使用npm全局安装Weex工具链`weex-toolkit`，通过命令行运行： ``` npm install -g weex-toolkit ``` 安装完成后，你可以...
WEEX环境搭建
Hansion的博客
01-23 1167
转载请注明出处 本文出自Hansion的博客 WEEX官方网址 一、安装node.js node.js是weex编译、打包用的基础工具 node.js下载地址 安装完成后在cmd中输入 node -v npm -v 如果都分别输出了版本号，就代表node.js正确安装了。如果不显示，可
设置weex开发环境
MRcheng12138的博客
03-12 350
第一步，打开weex官网，先把设置开发环境需要的东西看一下。 官网下载Node.js：https://nodejs.org/en/?spm=a2c7j.-zh-guide-develop-setup-develop-environment.0.0.170411c4v6d9iB 控制台用node -v查看版本，是否安装成功 npm工具自动安装，这里npm的作用我理解的类似于maven，负载...
weex 全套环境搭建（配图文）
qq_43389371的博客
09-07 839
简介 Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。 “Weex” 的发音是 /wiːks/, 和 “Weeks” 同音。 Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验，来构建 Android、iOS 和 Web 应用。简单来说，在集成了 WeexSDK 之后，你可以使用JavaScript 语言和前端开发经验来开发移动应用。 官网：https:...
Weex系列笔记（一）环境搭建，Hello Weex World
qqwuy_muzi的博客
02-10 1213
weex官网：http://weex.apache.org/cn/guide/1.开发环境搭建(ubuntu)1.1 安装 nodejs 和 npm      在 nodejs官网 下载 nodejs 文件      我下载的是 node-v8.9.4-linux-x64.tar.xz 版本        (1)解压文件　　　　tar -xvf node-v8.9.4-linux-x64.tar....
weex安装环境_WEEX环境搭建与入门详解
weixin_39768388的博客
12-20 405
Weex简介Weex 是阿里前端技术团队开源额一套跨平台开发方案，能以web的开发体验构建高性能、可扩展的 native 应用，Weex 的页面表示层使用 Vue ，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，Weex和React Native一样是当前流行的跨平台开发框架。Weex的官方地址为：https://weex.apache.org/。Weex最简单的方法是使...
weex环境配置快速上手
生活不只眼前的苟且，还有诗和远方的田野。
10-31 3556
一、前言         4月21日，阿里巴巴在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。         Weex能够完美兼顾性能与动态性，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、YunOS及Web等多端部署。         对于移动开发者来说，Weex主要解决了频繁发版和多端研发两大痛点，同时解决了前端语言性能差
weex 开发环境搭建
桃花源
08-17 1954
搭建开发环境等等可以参考 weex 文档 的工具类目 weex toolkit ：https://weex.apache.org/cn/guide/tools/toolkit.html 1：首先weex依赖于node打包 安装node https://nodejs.org/en/download/ 下载对应包 ，windows 下一步下一步的安装即可， 检测node 是否安装完成 终端输入
阿里Weex开发快速入门教程
咻咻ing的专栏
08-26 1138
#Weex开发环境搭建 ##1. 安装node.js 因为Weex工具链使用node.js构建，在进行后续步骤前，你需要先安装 Node.js ，可在node.js官网下载，由于Weex对node.js的是有版本要求的，所以建议使用较新的版本。 ##2. 安装weex-toolkit weex-toolkit是Weex开发所需的命令行工具，node.js安装成功后，打开命令行终端，执行npm in...
weex学习(一):搭建开发环境
lzm150的博客
06-01 1567
主要参照官方文档：http://weex.apache.org/cn/guide/set-up-env.html 中间遇到一些问题，在这里顺便记录一下。 1、安装所需环境 node.js与weex-toolkit就不细说了，按照官网来即可 安装 Node.js 方式多种多样，最简单的方式是在 Node.js 官网 下载可执行程序直接安装即可。 对于 Mac，可以使用 Ho
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值