uni-app在手,做啥都不愁

-什么是uni-app?

一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

一套代码编到13个平台
在这里插入图片描述
uni-app官网https://uniapp.dcloud.io/
uView :https://www.uviewui.com/

-快速上手

1、创建uni-app项目 这里用到的是HBuilderX
点击文件 ---->新建项目
这里的模板选择的是默认模板了,也可以选择uni-app模板
在这里插入图片描述
2、运行微信开发者工具
运行–>运行到小程序模拟器—>微信开发者工具
在这里插入图片描述
3、极有可能报错如下(需要将微信小程序服务端开启):
在这里插入图片描述
4、打开服务端口
在这里插入图片描述5、重启HBuilder 编译成功
在这里插入图片描述
此时的微信开发者工具和HBuilderX
在这里插入图片描述
6、编辑一下manifest.json
在这里插入图片描述
在这里插入图片描述

7、工具中的运行配置
在这里插入图片描述
8、新建页面page
在这里插入图片描述
9、需要导入scss插件
在这里插入图片描述
如上图 提示未安装scss 则需要去下载安装(插件市场)
在这里插入图片描述
进入插件市场 需要 登录你的HBuilderX账号
在这里插入图片描述
点击scss后进入
在这里插入图片描述
点击使用HBuilderX导入插件后:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐