Skip to content

前端目录结构

|-- tmom.vue
    |-- .dockerignore           构建docker镜像时的忽略文件配置
    |-- .env                    公共环境配置
    |-- .env.development        开发环境配置
    |-- .env.production         生产环境配置
    |-- .env.test               测试环境配置 (运行pnpm test 命令,可以直接调用线上api接口地址)
    |-- .eslintignore           eslint忽略检查配置
    |-- .gitignore              git提交忽略配置
    |-- .npmrc                  npm包配置
    |-- .prettierignore         prettier忽略配置项
    |-- .stylelintignore        style样式忽略配置项
    |-- commitlint.config.mjs   git提交格式配置
    |-- Dockerfile              打包docker镜像文件
    |-- eslint.config.mjs       eslint配置项
    |-- index.html
    |-- LICENSE
    |-- mom.vue-template.yml    docker-compose配置文件
    |-- mom.vue.sh
    |-- package.json            包配置
    |-- pnpm-lock.yaml
    |-- pnpm-workspace.yaml
    |-- prettier.config.mjs
    |-- README.md
    |-- stylelint.config.mjs    样式配置文件
    |-- tsconfig.json           typescript配置文件
    |-- tsconfig.node.json    
    |-- unocss.config.ts        原子化unocss配置文件
    |-- vite.config.ts          vite配置项
    |-- .vscode                 vscode编辑器配置,建议安装推荐的插件
    |   |-- extensions.json
    |   |-- launch.json
    |   |-- settings.json
    |   |-- vue3.3.code-snippets
    |-- packages                tinymce富文本框插件
    |   |-- vite-plugin-tinymce-resource
    |       |-- package.json
    |       |-- tsconfig.json
    |       |-- dist
    |       |   |-- index.d.ts
    |       |   |-- index.js
    |       |-- src
    |           |-- index.ts
    |-- public                 公共文件目录(会打包到dist目录中)
    |   |-- console-ban.min.js
    |   |-- favicon.ico
    |   |-- formSchema.html
    |   |-- iconfont.js
    |   |-- sidoc.html
    |   |-- tableColumn.html
    |-- src                    项目主文件夹
    |   |-- App.vue
    |   |-- main.ts            项目入口文件
    |   |-- polyfill.ts
    |   |-- api                请求接口文件夹
    |   |-- assets             资源文件夹(图片、视频等信息)
    |   |-- components         封装的组件目录
    |   |   |-- basic          基础组件
    |   |   |-- business       业务组件
    |   |   |-- core           核心组件
    |   |-- constants          静态变量值
    |   |-- enums              常用的枚举值
    |   |-- hooks              封装的hooks指令
    |   |-- layout             基础布局文件夹
    |   |-- locales            多语言配置文件夹
    |   |-- online             在线开发功能目录
    |   |-- permission         按钮权限文件夹
    |   |   |-- index.ts
    |   |   |-- permCode.ts
    |   |-- plugins            项目插件配置目录
    |   |   |-- antd.ts
    |   |   |-- assets.ts
    |   |   |-- globalMethods.ts
    |   |   |-- index.ts
    |   |-- router             项目路由文件夹
    |   |-- store              状态管理器pinia文件夹
    |   |-- styles             样式文件夹
    |   |-- utils              项目基础方法文件夹
    |   |-- views              页面文件夹
    |-- types                  类型、接口等类型定义文件夹
|-- tmom.vue
    |-- .dockerignore           构建docker镜像时的忽略文件配置
    |-- .env                    公共环境配置
    |-- .env.development        开发环境配置
    |-- .env.production         生产环境配置
    |-- .env.test               测试环境配置 (运行pnpm test 命令,可以直接调用线上api接口地址)
    |-- .eslintignore           eslint忽略检查配置
    |-- .gitignore              git提交忽略配置
    |-- .npmrc                  npm包配置
    |-- .prettierignore         prettier忽略配置项
    |-- .stylelintignore        style样式忽略配置项
    |-- commitlint.config.mjs   git提交格式配置
    |-- Dockerfile              打包docker镜像文件
    |-- eslint.config.mjs       eslint配置项
    |-- index.html
    |-- LICENSE
    |-- mom.vue-template.yml    docker-compose配置文件
    |-- mom.vue.sh
    |-- package.json            包配置
    |-- pnpm-lock.yaml
    |-- pnpm-workspace.yaml
    |-- prettier.config.mjs
    |-- README.md
    |-- stylelint.config.mjs    样式配置文件
    |-- tsconfig.json           typescript配置文件
    |-- tsconfig.node.json    
    |-- unocss.config.ts        原子化unocss配置文件
    |-- vite.config.ts          vite配置项
    |-- .vscode                 vscode编辑器配置,建议安装推荐的插件
    |   |-- extensions.json
    |   |-- launch.json
    |   |-- settings.json
    |   |-- vue3.3.code-snippets
    |-- packages                tinymce富文本框插件
    |   |-- vite-plugin-tinymce-resource
    |       |-- package.json
    |       |-- tsconfig.json
    |       |-- dist
    |       |   |-- index.d.ts
    |       |   |-- index.js
    |       |-- src
    |           |-- index.ts
    |-- public                 公共文件目录(会打包到dist目录中)
    |   |-- console-ban.min.js
    |   |-- favicon.ico
    |   |-- formSchema.html
    |   |-- iconfont.js
    |   |-- sidoc.html
    |   |-- tableColumn.html
    |-- src                    项目主文件夹
    |   |-- App.vue
    |   |-- main.ts            项目入口文件
    |   |-- polyfill.ts
    |   |-- api                请求接口文件夹
    |   |-- assets             资源文件夹(图片、视频等信息)
    |   |-- components         封装的组件目录
    |   |   |-- basic          基础组件
    |   |   |-- business       业务组件
    |   |   |-- core           核心组件
    |   |-- constants          静态变量值
    |   |-- enums              常用的枚举值
    |   |-- hooks              封装的hooks指令
    |   |-- layout             基础布局文件夹
    |   |-- locales            多语言配置文件夹
    |   |-- online             在线开发功能目录
    |   |-- permission         按钮权限文件夹
    |   |   |-- index.ts
    |   |   |-- permCode.ts
    |   |-- plugins            项目插件配置目录
    |   |   |-- antd.ts
    |   |   |-- assets.ts
    |   |   |-- globalMethods.ts
    |   |   |-- index.ts
    |   |-- router             项目路由文件夹
    |   |-- store              状态管理器pinia文件夹
    |   |-- styles             样式文件夹
    |   |-- utils              项目基础方法文件夹
    |   |-- views              页面文件夹
    |-- types                  类型、接口等类型定义文件夹