【weex】第一次尝试，weex windows下的环境搭建到第一个完整的app

最新推荐文章于 2026-06-09 09:26:12 发布
原创 最新推荐文章于 2026-06-09 09:26:12 发布 · 1.2w 阅读 · 7
标签
#weex #node.js #android #ios #前端
本文详述了在Windows系统中搭建Weex开发环境的过程，包括安装Node.js，切换到淘宝NPM源，安装weex-toolkit，初始化Hello Weex项目，并创建并运行自定义的.we文件，体验代码保存即自动刷新的功能。

安装 Node.js

  1. node.js需要4.0+
  2. 官网下载地址https://nodejs.org/en/
  3. 安装教程请看这里node.js安装图解

安装 weex-toolkit

安装好node.js后，打开CMD工具现在安装weex-toolkit,这是weex的集成环境，有了weex-toolkit就可以使用weex命令了。

默认的npm默认的是https://registry.npmjs.org/这个源，下载很慢

先切换到淘宝的源，会快很多

npm config set registry https://registry.npm.taobao.org
npm install -g weex-toolkit

安装完毕，验证下



初始化项目hello weex

先建立一个app文件夹，我是这个目录D:\work_weex\myTest

然后使用cmd进入myTest这个目录

项目初始化


                

        

    





  


        

            

                      
                        
                        最低0.47元/天 解锁文章
                          
                      
            

        


    



              

                

              

            
              



	

		

			

				
					
weex sdk 安卓 android集成

				
			

			

				

					shi_xin的专栏
				

				

					12-10
					
					1024
					
				

			

		

		

			
				
weex sdk集成到安卓，可以参考官网文档，但是会报错；这里总结一下可用的方法及方式；最后提供demo下载可以直接使用，不过为helloword版本；
其中weex开发网页部分，需要自行进行后续处理。
官方网址：week集成

manifest
添加权限：

<!--    网络-->
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:

			
		

	



              


  
              

                


	

		

			

				
					
Weex的安装和weex playground使用

				
			

			

				

					qq_36711388的博客
				

				

					03-25
					
					3258
					
				

			

		

		

			
				
weex playground下载地址：https://weex.apache.org/tools/playground.html

在手机端安装weex playground App,然后扫描项目网页中的二维码

搭建Weex开发环境

1.安装依赖nodejs

2.npm install -g weex-toolkit

3.Weex init project 项目根目录下：npm...

			
		

	





	

		

			

				
					
Weex Playground APP 源码下载&编译运行预览

				
			

			

				

					robinson_911的专栏
				

				

					06-07
					
					2340
					
				

			

		

		

			
				
1. playground源码下载我这里是下载了ios的playground源码进行了编译，下载地址：https://github.com/apache/incubator-weex，将整个文件下载下来后，选择ios文件夹（需要编译android的选择android文件即可）。2. 安装包打开终端切换到ios目录下的playground文件夹下 （1）cd /Users/sunww/Documen...

			
		

	



		

			
		



	

		

			

				
					
革命性WebRTC平台OpenVidu：10分钟搭建企业级视频会议系统

				
			

			

				

					gitblog_00570的博客
				

				

					05-01
					
					672
					
				

			

		

		

			
				
OpenVidu是一款基于WebRTC技术的开源视频会议平台，能够帮助开发者快速构建企业级实时通信应用。无论是远程会议、在线教育还是视频直播场景，OpenVidu都提供了完整的解决方案，让你无需深入了解复杂的WebRTC协议就能轻松实现高质量的音视频通信。

## 🚀 为什么选择OpenVidu？

OpenVidu作为WebRTC领域的佼佼者，具有以下核心优势：

- **企业级稳定性**：支

			
		

	





	

		

			

				
					
weex开发环境搭建

				
			

			

				

					文韬武略的专栏
				

				

					11-14
					
					3995
					
				

			

		

		

			
				
1.首先下载node.js，网站：https://nodejs.org/en/download/，然后安装。
配置环境参数：NODE_HOME:%toolkit_home%\nodejs





NODE_PATH:%node_home%\node_modules



输入:node -v 可以验证是否安装成功！


2.安装 Weex
 Toolkit，安装命令

			
		

	





	

		

			

				
					
weex问题

				
			

			

				

					冯海林的专栏
				

				

					07-26
					
					2456
					
				

			

		

		

			
				
1、weex_sdk下载下来不能编译：

下载地址：https://github.com/apache/incubator-weex，下载的时候不能直接下载master，因为master分支是weex的开发人员开发的，需要配置很多环境，我们在下载的时候需要选择分支来下载即可。

 

2、weex遇到以下异常： 


02-09 17:52:14.053 25560 25578 E weex   ...

			
		

	





	

		

			

				
					
vuejs electron webpack集成使用

				
			

			

				

					weixin_33858336的博客
				

				

					11-22
					
					1365
					
				

			

		

		

			
				
传统的vue SPA页面在浏览器环境中使用，但是有的时候我们还希望能够做成一个类似于桌面的app在PC上使用，希望不仅可以使用所有的浏览器SPA的功能，你也可能外加host os的功能，比如文件的本地保存，离线使用等。这时，electron就是一个很好的备选方案。electron本身集成了一个chrome核心的浏览器以及nodejs server模块，既可以使用已有的web技术栈，又能借助elec...

			
		

	





	

		

			

				
					
Mozc跨平台部署教程：Windows、macOS与Linux全平台适配方案

				
			

			

				

					gitblog_00306的博客
				

				

					04-03
					
					986
					
				

			

		

		

			
				
Mozc是一款跨平台的日语输入法，支持Windows、macOS和Linux系统。本教程将详细介绍如何在三大主流操作系统上部署Mozc，帮助用户快速搭建高效的日语输入环境。

[![Mozc输入法图标](https://raw.gitcode.com/gh_mirrors/mo/mozc/raw/979a650059fbb710bc3fe8bf926741207f37af8a/src/data/i

			
		

	





	

		

			

				
					
flutter初探

				
			

			

				

					weixin_30872337的博客
				

				

					03-27
					
					112
					
				

			

		

		

			
				
这两天看了下flutter，感觉这两年可能会爆发，所以尝试在mac和win10上面跑了下hello world...

移动技术简介

原生开发
跨平台技术简介

H5+原生（Cordova、Ionic、微信小程序）

通过原生的网页加载控件WebView (Android)或WKWebView（ios）来加载。我们称这种h5+原生的开发模式为混合开发 ，采用混合模式开发的APP我们称之为混合应...

			
		

	





	

		

			

				
					
Eternal Jukebox终极部署教程：Docker与手动安装的10分钟对比

					
最新发布

				
			

			

				

					gitblog_00057的博客
				

				

					06-09
					
					755
					
				

			

		

		

			
				
**Eternal Jukebox**是一个神奇的音乐流媒体工具，它能将任何Spotify歌曲变成永无止境的循环播放版本。无论你是想创建无限循环的背景音乐，还是体验歌曲的无限变化，这个开源项目都能满足你的需求。在本文中，我将为你提供两种最实用的部署方法：Docker容器化部署和传统手动安装，并在10分钟内完成对比分析，帮助你选择最适合的部署方案。🎵

## 🔍 Eternal Jukebox项

			
		

	





	

		

			

				
					
windows 10下的weex环境搭建

				
			

			

				

					易寒的专栏
				

				

					05-21
					
					594
					
				

			

		

		

			
				
安装 Node.js
node.js需要4.0+
官网下载地址https://nodejs.org/en/
安装教程请看这里node.js安装图解
安装 weex-toolkit
安装好node.js后，打开CMD工具现在安装weex-toolkit,这是weex的集成环境，有了weex-toolkit就可以使用weex命令了。
默认的npm默认的是https://registry.npmjs.o...

			
		

	





	

		

			

				
					
从开发到上架：Weex跨平台应用的Google Play与App Store全流程指南

				
			

			

				

					gitblog_01177的博客
				

				

					09-30
					
					598
					
				

			

		

		

			
				
你是否还在为Weex应用上架双平台商店时的兼容性问题头疼？是否因签名配置错误导致审核反复被拒？本文将系统解决这些痛点，通过6个核心步骤+2个避坑指南，帮助你48小时内完成从打包到上架的全流程。读完本文你将掌握：Android签名密钥管理、iOS证书配置、性能优化关键点、隐私政策合规方案以及常见拒审原因分析。

## 准备工作：环境配置与工具链

Weex框架支持Android 4.1+（API 1...

			
		

	





	

		

			

				
					
weex入门学习总结

				
			

			

				

					听不见得风景
				

				

					12-05
					
					4500
					
				

			

		

		

			
				
weex是什么就不用多说了，相信大家都百度，一大堆。
直接上：1.weex的环境的搭建
1.Weex 是使用
Node.js
 开发构建的，所以需要我们的电脑上安装有 Node.js。
安装Node.js：

node.js需要4.0+百度云下载地址http://pan.baidu.com/s/1o84g6c6官网下载地址https://nodejs.org/en/安装教程请看这里h

			
		

	





	

		

			

				
					
weex前端框架搭建

				
			

			

				

					liuerchong的博客
				

				

					06-28
					
					663
					
				

			

		

		

			
				
1.1 环境准备


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

	1、下载安装包

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

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

	.msi和.zip格式区别：

	.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows install

			
		

	





	

		

			

				
					
热门跨平台方案对比：WEEX、React Native、Flutter和PWA

				
			

			

				

					huangpb的博客
				

				

					09-04
					
					5240
					
				

			

		

		

			
				
传统的原生Android、iOS开发面临着诸多难以解决的问题，例如开发周期长、迭代缓慢等，因此很多公司备受困扰。近年来，伴随着“大前端”概念的提出和兴起，涌现出一大批移动跨平台开发框架和模式，为解决传统移动开发问题找到了新的方向。

从早期的PhoneGap、Inoic等Hybrid混合技术，到现在耳熟能详的React Native、WEEX和Flutter等跨平台技术，借助这些优秀的跨平台开发框...

			
		

	





	

		

			

				
					
weex入门到掌握

				
			

			

				

					zhiyikeji的博客
				

				

					12-15
					
					7799
					
				

			

		

		

			
				
http://localhost:8081/index.android.bundle?platform=android
               1.环境配置
1.下载安装node
 检验安装成功：
  node -v
2.在cmd中安装npm
 检验安装成功：
  ...

			
		

	





	

		

			

				
					
weex安装环境_weex的配置环境

				
			

			

				

					weixin_36373860的博客
				

				

					01-12
					
					249
					
				

			

		

		

			
				
发环境的搭配：1.下载node(双数版本，如v6.11.3) LTS下载2.下载java3.下载git4.安装weex-toolkitcmd　　　cnpm install weex-toolkit -g  (weex -v 检查是否成功，显示版本号，已安装成功)5.安装webpackcnpm install webpack -g6.android-studio安装(预览模拟器) (下载：a...

			
		

	





	

		

			

				
					
Windows下搭建Weex环境【初体验】

				
			

			

				

					kelerwx999的博客
				

				

					04-24
					
					2393
					
				

			

		

		

			
				
上手windows环境下，weex开发环境搭建初体验

			
		

	





	

		

			

				
					
windows平台下weex项目Android打包生成apk流程

				
			

			

				

					zjw_python的博客
				

				

					08-15
					
					4121
					
				

			

		

		

			
				
安装 weex-toolkit

我们使用weex-toolkit进行weex项目的打包，直接全局安装，如果出现权限错误，则加上sudo命令

npm install -g weex-toolkit

网上有人说使用 cnpm 淘宝镜像安装后，weex有问题。我自己使用后安装也失败了，最后还是卸载了重新用 npm 安装

安装完成后在命令行输入weex，若出现各种命令选项介绍，则安装成功

可以参...

			
		

	





	

		

			

				
					
[Weex 学习]Weex Debug模式

				
			

			

				

					Lebron_xia的博客
				

				

					12-20
					
					1747
					
				

			

		

		

			
				
在你写完一个界面之后，需要单独对他调试，可以直接在命令行里

这时会直接出来一个界面
接下来你要做的是使用 weex playground app 扫描二维码，扫描成功后，浏览器自动跳转到下面页面，点击下图框中的二维码，并使用 weex playground app 扫描，即可开始调试待 debug 的页面。
这样子我们就来到了该界面的调试界面

断点调试
有时候我们进行网络请求，都需要查看返回了...

			
		

	



              




          





        



    





    



      

      

        
      

      





	

		
评论 5

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值