前端开发规范 on Maculahttps://macula.dev/docs/latest/03_devrules/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/Recent content in 前端开发规范 on MaculaHugozh-cn工程规约https://macula.dev/docs/latest/03_devrules/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/projectdirectory/Mon, 01 Jan 0001 00:00:00 +0000https://macula.dev/docs/latest/03_devrules/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/projectdirectory/<blockquote> <p>本章沿用 5.x 的文档内容，尚未按 latest（当前） 分支核对。涉及依赖、配置或 API 时，请以 <a href="https://github.com/macula-projects/macula-boot/tree/main">main 分支源码</a> 为准。</p> </blockquote> <h2 id="概述">概述</h2> <p>建议按以下的前端工程（管理后台类的前端工程）目录组织项目，并进行功能开发。</p> <h2 id="目录">目录</h2> <p>整体目录结构如下图所示：</p> <p><a data-fancybox="gallery" href="../images/pd.png"> <img src="../images/pd.png" alt="image" /> </a> </p> <table> <thead> <tr> <th>目录名</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>public</td> <td>静态资源(不会被Webpack打包)，存放静态资源文件，不会被Webpack打包</td> </tr> <tr> <td>src</td> <td>源代码</td> </tr> <tr> <td>src/api</td> <td>统一的API列表管理</td> </tr> <tr> <td>src/assets</td> <td>静态资源(会被打包)，存放全局的资源文件</td> </tr> <tr> <td>src/components</td> <td>组件目录，所有UI组件代码。每一个组件单独一个目录文件，命名规则采用驼峰式命名法。</td> </tr> <tr> <td>src/config</td> <td>存放配置文件，包括组件的基础配置信息等</td> </tr> <tr> <td>src/directives</td> <td>自定义的一些指令，例如 v-auth</td> </tr> <tr> <td>src/layout</td> <td>存放框架的布局、视图</td> </tr> <tr> <td>src/locales</td> <td>存放关于国际化的资源文件本</td> </tr> <tr> <td>src/router</td> <td>存放处理路由表的逻辑</td> </tr> <tr> <td>src/store</td> <td>用于缓存状态管理</td> </tr> <tr> <td>src/style</td> <td>存放全局样式</td> </tr> <tr> <td>src/utils</td> <td>存放全局工具类</td> </tr> <tr> <td>src/views</td> <td>存放服务所有视图</td> </tr> <tr> <td>src/App.vue</td> <td>入口视图</td> </tr> <tr> <td>src/main.js</td> <td>入口文件</td> </tr> <tr> <td>package.json</td> <td>包管理</td> </tr> <tr> <td>vue.config.js</td> <td>vue-cli 配置</td> </tr> </tbody> </table>UED规范https://macula.dev/docs/latest/03_devrules/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/ued/Mon, 01 Jan 0001 00:00:00 +0000https://macula.dev/docs/latest/03_devrules/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/ued/