"本文将指导您在Windows 10环境下搭建Weex项目,涉及的关键技术包括Node.js、Vue.js、Android Studio以及如何生成APK应用。" Weex 是一个开源的移动开发框架,允许开发者使用JavaScript来编写原生移动应用。在Windows 10上搭建Weex项目,首先需要安装一些必要的工具和依赖。 1. 安装Node.js: 访问官方网站<https://nodejs.org/en/>下载并安装最新版本的Node.js,这是搭建Weex环境的基础,因为Weex的一些工具链依赖于Node.js。 2. 安装Weex Toolkit: 使用国内的npm镜像cnpm(淘宝npm镜像)安装Weex Toolkit,命令行输入 `npm install weex-toolkit -g`。Weex Toolkit提供了一系列命令行工具,帮助开发者快速创建、构建和运行Weex应用。 3. 安装Webpack: 同样通过cnpm安装Webpack,命令是 `npm install webpack -g`。Webpack是一个模块打包器,用于处理和打包前端资源。 4. 安装Weex Pack: Weex Pack是Weex的项目管理工具,通过 `npm install weexpack -g` 进行安装。它可以帮助创建新项目、添加平台、构建应用等。 5. 创建Weex项目: 使用Weex Pack创建一个新的项目,例如 `weex create weex01`,这会在当前目录下生成一个名为"weex01"的项目文件夹。 6. 进入项目目录并启动开发服务器: `cd weex01`,然后运行 `npm run dev & npm run serve`。这两个命令分别启动开发服务器和热更新服务。 7. 如果在运行过程中出现控制台提示选择是否退出,可以输入 `n` 继续运行 `npm run dev`。 8. 添加Android平台支持: 在项目目录中执行 `weex platform add android`,这会自动下载并配置Android项目。 9. 配置Android环境: 确保已经安装了Android Studio,并设置了环境变量`ANDROID_HOME`指向Android SDK的位置。如果需要,可以从<https://developer.android.com/studio/>下载Android Studio。 10. 在Android Studio中打开生成的Android项目: 使用Android Studio打开项目中的`platforms/android`目录,进行进一步的调试和编译。 11. 编译并运行Android应用: 在Android Studio中,可以通过点击“Run”按钮或使用`weex run android`命令来运行应用。如果遇到模拟器问题,如x86模拟器无法启动,可能需要检查BIOS设置,确保开启Virtualization Technology,并参照相关教程解决(如<https://www.cnblogs.com/csulennon/p/4178404.html>)。 12. 配置Java、Gradle和Maven: 安装JDK(参考文档如`java:word\java.doc`),并确保系统路径包含Java bin目录。对于Android Studio和Gradle,可能需要根据<https://blog.csdn.net/ufocode/article/details/75171290>中的指南进行配置。 完成以上步骤后,您应该能够在Windows 10上成功搭建一个Weex项目,并通过Android Studio生成APK文件,部署到手机或模拟器上进行测试。在整个过程中,需要注意环境变量的配置和相关工具的正确安装,确保项目能够顺利运行。
2、安装weex-toolkit(不使用cnpm)
npm install weex-toolkit -g
检查:weex -v
3、安装webpack(可使用cnpm)
npm install webpack -g
4、(可选)安装weexpack
npm install weexpack -g
5、weex create weex01 (weex01 项目名)
6、cd weex01
7、npm run dev & npm run serve
8、ctrl+c 按一次 提示是否选择退出 (y/n)选择n不退出,继续运行npm run dev
9、weex platform add android (生成android项目)
10、weex run android (运行android 需要下载sdk并且配置android_home 环境变量)
11、下载android studio (https://developer.android.com/studio/)
12、下载安装android-studio sdk android_home 环境变量配置(详见word文档 android_home 环境变量.doc)
13、下载安装jdk java 环境变量配置:(详见word文档 java环境变量配置.doc)
修改Gradle Maven仓库地址为国内阿里云镜像
https://blog.csdn.net/ufocode/article/details/75171290 Windows下 搭建WEEX遇到的坑!! (着重解决win10权限问题)
Emulator: emulator: ERROR: x86 emulation currently require
https://www.cnblogs.com/csulennon/p/4178404.html (android studio 模拟器 bios 设置Virtualization Technology为enable)
下载后可阅读完整内容,剩余1页未读,立即下载
- 粉丝: 3
- 资源: 8
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C++标准程序库:权威指南
- Java解惑:奇数判断误区与改进方法
- C++编程必读:20种设计模式详解与实战
- LM3S8962微控制器数据手册
- 51单片机C语言实战教程:从入门到精通
- Spring3.0权威指南:JavaEE6实战
- Win32多线程程序设计详解
- Lucene2.9.1开发全攻略:从环境配置到索引创建
- 内存虚拟硬盘技术:提升电脑速度的秘密武器
- Java操作数据库:保存与显示图片到数据库及页面
- ISO14001:2004环境管理体系要求详解
- ShopExV4.8二次开发详解
- 企业形象与产品推广一站式网站建设技术方案揭秘
- Shopex二次开发:触发器与控制器重定向技术详解
- FPGA开发实战指南:创新设计与进阶技巧
- ShopExV4.8二次开发入门:解决升级问题与功能扩展