SpringBoot+Vue前后端分离管理系统02:前端
前端项目结构如下:
|-- vue-mall-admin
|-- public // 静态资源
|-- src
|-- api // 所有API请求
|-- assets // 主题 字体等静态资源
|-- components // 全局公用组件
|-- directive // 全局指令
|-- filters // 全局 filter
|-- icons // 项目所有 svg icons
|-- lang // 国际化 language
|-- layout // 布局
|-- router // 路由
|-- store // 全局 store管理
|-- styles // 全局样式
|-- utils // 全局公用方法
|-- views // view
|-- App.vue // 入口页面
|-- main.js // 入口 加载组件 初始化等
|-- permission.js // 权限管理
|-- settings.js // 全局配置
|-- .env.development // 开发环境配置
|-- .env.production // 生产环境配置
|-- .env.staging // 测试环境配置
|-- .eslintrc.js // eslint配置项
|-- .babelrc // babel配置
|-- .travis.yml // 自动化CI配置
|-- vue.config.js // vue配置
|-- postcss.config.js // postcss配置
|-- package.json // package.json
以上是一个典型的Vue前端项目的文件结构,包含了API请求、组件、路由、国际化、主题样式等。这个结构为开发者提供了一个清晰的分层和分模块的方式来组织代码。
评论已关闭