工程规约

概述

建议按以下的前端工程(管理后台类的前端工程)目录组织项目,并进行功能开发。

目录

整体目录结构如下图所示:

image

目录名说明
public静态资源(不会被Webpack打包),存放静态资源文件,不会被Webpack打包
src源代码
src/api统一的API列表管理
src/assets静态资源(会被打包),存放全局的资源文件
src/components组件目录,所有UI组件代码。每一个组件单独一个目录文件,命名规则采用驼峰式命名法。
src/config存放配置文件,包括组件的基础配置信息等
src/directives自定义的一些指令,例如 v-auth
src/layout存放框架的布局、视图
src/locales存放关于国际化的资源文件本
src/router存放处理路由表的逻辑
src/store用于缓存状态管理
src/style存放全局样式
src/utils存放全局工具类
src/views存放服务所有视图
src/App.vue入口视图
src/main.js入口文件
package.json包管理
vue.config.jsvue-cli 配置