0
点赞
收藏
分享

微信扫一扫

uni-app初学流程

uni-app官网:https://zh.uniapp.dcloud.io/translate.html

1 下载HBuilderX

当然你可以选择其他IDE,但是官网推荐HBuilderX,天然整合uniapp。

2 下载微信开发者工具

我们要最终打包成微信小程序就必须在微信开发者工具去预览,那么需要下载微信开发者工具了。

3 创建uniapp项目

HBuilderX下载下来后,直接双击运行HBuilderX.exe文件即可,它是免安装的。

然后我们新建一个uniapp项目,按照下图操作即可。

uni-app初学流程_uni-app小程序初学

然后它会默认生成项目的基本结构。

uni-app初学流程_uni-app小程序初学_02

4 在浏览器运行

uni-app初学流程_uni-app小程序初学_03

然后第一次运行时,控制台会提示自动去下载相关的插件,下载完成后需要你再次重新运行。

 

uni-app初学流程_uni-app小程序初学_04

5 在微信开发者工具运行

uni-app初学流程_uni-app小程序初学_05

项目基本目录结构

uni-app初学流程_uni-app小程序初学_06

举报

相关推荐

0 条评论