关于前端:vuecli3x-及以上版本建议使用的目录结构规范

34次阅读

共计 951 个字符,预计需要花费 3 分钟才能阅读完成。

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            # 依赖资源版本锁定不可编辑或删除该文件

正文完
 0