1.1 项目文件命名 1.1.1 项目命名 全部采用小写方式, 以短横线分隔。 正例:mall-management-system 反例:mall_management-system / mallManagementSystem 1.1.2 目录名 参照项目命名规则,有复数结构时,要采用复数命名法。 正例:docs、assets、images、icons、components、directives、enums、hooks、utils、views 反例:s...
api 目录用于存放 api 请求,文件名与模型名称基本一致,文件名使用小驼峰,方法名称与后端 restful 控制器一致. enums 目录存放 常量,与后端的常量目录对应 icons 目录用于存放图标,element-ui 提供的图标实在是太少啦。所以我通常会使用 阿里的 iconfont lang 目录存放多语言 layouts 目录存放布局 上面展示的是一个后...
api 目录用于存放 api 请求,文件名与模型名称基本一致,文件名使用小驼峰,方法名称与后端 restful 控制器一致. enums 目录存放 常量,与后端的常量目录对应 icons 目录用于存放图标,element-ui 提供的图标实在是太少啦。所以我通常会使用 阿里的 iconfont lang 目录存放多语言 layouts 目录存放布局 上面展示的是一个后...
3、项目启动后,先放着,我们先来进行编码,第一步要先创建一个枚举js,来存放我们的枚举值,也就是动态路由匹配的标识 4、在src/utils文件夹下新建enums.js文件,文件内编码一个通用的枚举选项通用对象,如下 /** * 枚举选项通用对象 */exportclassItem{/** * * @param key {string} 后台接口需要的值 * @p...
代码方法注释和文件注释(vscode 中可以使用 koroFileHeader) enums 枚举目录(告别魔术数字),composables 组合api目录(数据,事件,公共方法),types 接口目录(接口统一管理与公用),api(请求集合,api能力封装-加入异常和 loading) 项目组件自动注册,业务组件按需加载 ...
图片的文件夹 │ │ └── svg svg图片的文件夹 │ ├── components 公共组件 │ ├── design 样式文件 │ ├── directives 指令 │ ├── enums 枚举/常量 │ ├── hooks hook │ │ ├── component 组件相关hook │ │ ├── core 基础核心hook │ │ ├── event 事件相关hook │...
//store下的store-name文件 export const enum Names{ TEST = 'TEST' } //App.vue主文件 <template> <div>大家好!{{Test.name}}是一个外号为:{{Test.Nickname}}的人</div> </template> <script setup lang="ts"> import {useTestStore} from "./store" const Test = useTestStore() </script>...
将输出文件合并为一个文件。合并的顺序是根据传入编译器的文件顺序和 ///<reference``>和 import的文件顺序决定的。查看输出文件顺序文件了解详情。 paths [2] Object 模块名到基于 baseUrl的路径映射的列表。查看 模块解析文档了解详情。 –preserveConstEnums boolean false 保留const和 enum声明。查看 const enum...
├── public ---静态资源文件 ├── src │ ├── assets ---图片和字体 │ ├── components ---可复用的vue组件 │ ├── constant │ ├── enums │ ├── hooks │ ├── icons │ ├── packages │ ├── plugins
├── scripts // 存放脚本文件的文件夹 │ ├── aliases.js │ ├── build.js │ ├── const-enum.js │ ├── dev.js │ ├── pre-dev-sfc.js │ ├── release.js │ ├── setupVitest.ts │ ├── size-report.ts ...