当前位置: 首页 > Web前端 > HTML

vue-cli3.x及以上版本推荐目录结构规范

时间:2023-03-27 23:48:14 HTML

vueinspect|——————dist#编译输出目录||————docs#组件使用文档(参考组件文档示例)||——————public#静态资源,不用webpack,需要通过绝对路径引用它们|||——————src||————api#提取ajax请求||||————assets#静态资源目录,webpack打包||||————components#公共组件||||————directives#指令||||————过滤器#filter||||————图标#svg图标|||#应用骨架级页面(SideBar、Header、AppMain)||||————语言环境#国际化||||————pages/views#页面(对应路由)|插件#插件||||————路由器#路由||||————store#状态管理(vuex)||||||————index.js#这里是组装模块和导出store||||||————actions.js#根级动作||||||————mutations.js#根级突变|||||└──────模块||||||——user.js#用户模块|||||└──todo.js#todo模块||||————样式#样式||||————utils#公共方法||||————App.vue#应用入口组件|||└──────main.js#入口文件|||————tests#测试|||——————.env#环境变量(所有环境加载)|||————env.[mode]#环境变量(只在指定模式加载:开发、生产)|||————.env.[mode].local#环境变量(只在指定模式加载,会被git忽略),本地开发时可以自己创建这个文件|||————.eslintrc.js#eslint规则|||————vue.config.js#vue-cli3.x配置文件|||————vue.config.utils.js#vue-cli配置文件||└──────yarn.lock#依赖资源版本锁无法编辑或删除此文件