【vue-cli3.x 及以上版本建议使用的目录结构规范】vue inspect
|————— dist# 编译产出目录
|
|————— docs# 组件使用文档（可参照组件文档示例）
|
|————— public# 静态资源，不经过 webpack，需要通过绝对路径来引用它们
|
|
|————— src
||———— api# 抽取出 ajax 请求
||
||———— assets# 静态资源目录，经过 webpack 打包处理
||
||———— components# 公用组件
||
||———— directives# 指令
||
||———— filters# filter
||
||———— icons# svg icons
||
||———— layout# 应用骨架级页面(SideBar、Header、AppMain)
||
||———— locales# 国际化
||
||———— pages/views# 页面(与路由对应)
||
||———— plugins# 插件
||
||———— router# 路由
||
||———— store# 状态管理(vuex)
|||
|||———— index.js# 组装模块并导出 store 的地方
|||
|||———— actions.js# 根级别的 action
|||
|||———— mutations.js# 根级别的 mutation
|||
||└──── modules
|||
|||—— user.js# 用户模块
|||
||└── todo.js# todo 模块
||
||———— styles# 样式
||
||———— utils# 公用方法
||
||———— App.vue# 应用入口组件
||
|└──── main.js# 入口文件
|
|
|————— tests# 测试
|
|
|————— .env# 环境变量（在所有的环境中被载入）
|
|
|————— env.[mode]# 环境变量（只在指定的模式中被载入：development、production）
|
|
|————— .env.[mode].local# 环境变量（只在指定的模式中被载入，但会被 git 忽略），本地开发时可自己创建该文件
|
|
|————— .eslintrc.js# eslint 规则
|
|
|————— vue.config.js# vue-cli 3.x 配置文件
|
|
|————— vue.config.utils.js# vue-cli 配置文件
|
|
└───── yarn.lock# 依赖资源版本锁定不可编辑或删除该文件
推荐阅读
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel，可修改格子样式，例如背景颜色、字体大小、列宽等
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例