工具:HuilderX

noed版本:node-v17.3.1

npm版本:8.3.0

淘宝镜像:https://registry.npmmirror.com/

未安装nodejs可以进入这里https://blog.csdn.net/a1241436267/article/details/141326585?spm=1001.2014.3001.5501

目录

1.项目搭建​编辑

2.项目结构

3.使用浏览器运行项目

4.使用微信小程序运行项目

5.vue的页面布局

6.创建vue页面

7.pages.json中配置页面信息​编辑

---

1.项目搭建

2.项目结构

uni-app项目结构

名称	作用
pages文件夹	存放项目的页面
static文件夹	用于存放静态资源
App.vue	应用配置，用来配置App全局样式以及监听
index.html
main.js	vue初始化入口文件
manifest.json	配置应用名称、appid、logo、版本等打包信息，
pages.json	配置页面路由、导航条、选项卡等页面类信息
uni.promisify.adaptor.js
uni.scss	内置的常用样式变量

​

3.使用浏览器运行项目

点击运行到浏览器，右击检查，进入控制器

4.使用微信小程序运行项目

5.vue的页面布局

6.创建vue页面

创建好的页面会自动创建文件夹        

微信开发者工具职中，编译的时候会默认将第一个页面添加为主页面，需要将dome1切换成主页，只需要将顺序调换一下即可

7.pages.json中配置页面信息