weex的安装过程

1-1、下载安装nodejs
1-2、安装完成后测试是否安装成功 node -v
1-3、更换npm镜像为阿里镜像:设置新的registry 配置:npm config set registry https://registry.npm.taobao.org (原始: http://registry.npmjs.org)
1-4、查看了下当前的registry 配置:npm config get registry
1-5、安装webpack:npm install webpack -g
1-6、安装webpack-cli:npm install webpack-cli -g
1-7、测试webpack安装成功:webpack -v
1-8、在工程目录下测试webpack构建:webpack --mode=development
1-9、提示“ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in ‘E:\workspace\demo01’”没有默认src目录

2-1、项目初始化生成 package_json :npm init -y 或者 npm init --yes
2-2、npm install -g weex-tookit
2-3、创建一个weex项目 weex create appname (不成功用 weex create appname -f)
2-4、然后进入appname下,安装依赖并运行: npm install npm start 成功后会启动浏览器显示weex默认页面
(例:http://192.168.1.41:8081/web/preview.html?page=index.js&wsport=8082)
2-5、在建立好weex项目,并且在网页中出现界面以后,我们需要把项目打包为android项目,以在android studio上运行。
但是打包的前提为,我们已经安装并配置好了android SDK并且安装了android studio。
2-6、注:以下命令都在text-app的目录中执行
2-7、执行语句weex platform add android
这个语句的意思为安装weex应用模板,我们这里安装android的模板。
当语句执行完后,就能在目录的platforms文件夹中看到一个名为android的文件夹
2-8、在android studio中打开运行模拟器。
2-9、执行语句npm run android
注:如果在过程中出现类似的错误:
You have not accepted the license agreements of the following SDK components:
[Android SDK Platform 25].
表示当前没有支持的包,解决方案:
(1)win+R快速启动命令窗口。输入cmd进入命令提示符界面,然后输入android。
(2)找到android SDK的安装目录,打开SDK Manager.exe
在SDK Manager.界面中找到对应缺失的包,然后执行install packages、然后再到vsCode中执行npm run android。

3-1、打包成功后,我们打包的android项目在
platforms→android→app
对应的apk的位置为:platforms→android→app→build→outputs→apk中
3-2、运行:利用android studio 打开打包成功后的项目,在模拟器上运行。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值