uniapp 目录结构

uniapp 项目常用的目录结构和每个文件的作用。

uniapp 目录结构

components                      // 组件目录
api                             // 封装接口目录
node_modules                    // 环境依赖
pages                           // 页面文件目录
    index                       // index 页面文件夹
        index.vue               // index 页面
static                          // 静态资源目录
uni_modules                     // uniapp 环境依赖
unpackage                       // 打包文件目录
common                          // 公共文件目录
App.vue                         // 根组件
index.html                      // 入口页面
main.js                         // 入口文件
manifest.json                   // 应用配置文件
pages.json                      // 页面配置文件
package.json                    // 插件管理文件
package-lock.json               // 插件版本锁定文件
uni.scss                        // 内置样式文件

1. components 文件夹：用于存放公共的组件，例如自定义的 tabBar 组件。
2. api 文件夹：用于存放封装好的 API 接口文件。
3. node_modules