零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第1p-第p4的内容

---

创建项目

使用hbuilderX，这里创建选择的vue版本是vue3

目录结构

hbuilderX重启按钮

效果

打包成小程序

下载微信小程序开发者工具

在hbuilderX里配置开发者工具

找到安全，打开服务端口按钮，否则无法查看

uniapp的vue文件结构详解

使用uniapp的内置组件 不要使用h5标签（如 div span等） 因为在网页上可以展示出来，但是到了小程序上就不行了

结构例子

style这里使用scss

比css好，而且提供了许多增强功能，使得样式表的编写更加灵活和高效；

scss的嵌套格式

创建新的页面

切换路由地址

这里的pages.json文件可以自己配置路由

可以在创建的时候配置标题名称等信息

---