uni-app 工程目录结构介绍

锋哥原创的uni-app视频教程：

2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中..._哔哩哔哩_bilibili2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中...共计23条视频，包括：第1讲 uni-app简介、第2讲 uni-app环境搭建、第3讲 uni-app之HelloWorld实现等，UP主更多精彩视频，请关注UP账号。https://www.bilibili.com/video/BV1eG411N71c/一个uni-app工程，默认包含如下目录及文件：

├─pages ? ? ? ? ? ? ? ? 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue ? ? ? index页面
│  └─list
│ ? ? └─list.vue ? ? ?  list页面
├─static ? ? ? ? ? ? ?  存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─unpackage ? ? ? ? ? ? 非工程代码，一般存放运行或发行的编译结果
├─main.js ? ? ? ? ? ? ? Vue初始化入口文件
├─App.vue ? ? ? ? ? ? ? 应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json ? ? ? ? 配置应用名称、appid、logo、版本等打包信息，详见
├─pages.json ? ? ? ? ?  配置页面路由、导航条、选项卡等页面类信息，详见
└─uni.scss ? ? ? ? ? ?  这里是uni-app内置的常用样式变量
    

static目录 使用注意

• 编译到任意平台时，static 目录下除不满足条件编译的文件，会直接复制到最终的打包目录，不会打包编译。非 static 目录下的文件（vue、js、css 等）只有被引用时，才会被打包编译。

• css、less/scss 等资源不要放在 static 目录下，建议这些公用的资源放在自建的 common 目录下。

Tips

• HbuilderX 1.9.0+ 支持在根目录创建 ext.json、sitemap.json 等小程序需要的文件。