前端培训文档(3.2.1)

前端培训文档(3.2.1)


文件目录结构

<h2>文件目录结构</h2> <pre><code class="language-bash">project │ index.html 入口页面 │ node_modules 项目依赖模块 │ └───src │ │ main.js 入口js │ │ app.vue 根组件 │ │ components 公共组件 │ │ commonComponents 公共业务组件目录 | │ privateComponents 私有业务组件目录 │ │ styles 公共组件css文件 │ └────assets 资源目录,资源会被wabpack构建 | | | images | | | ... │ └─── routes 前端路由(只有基座项目) | | | index.js | | | modules | | | | 业务a.js | | | | 业务b.js | | | | ... │ └─── views 前端视图文件 | | | 业务a | | | | components 只在业务a中通用的组件 | | | | index.vue 业务a默认视图文件 | | | | a1 业务a-1 | | | | | index.vue | | | | | mixin.js | | | 业务b | | | ... │ └─── store vuex文件夹 | | | index.js | | | modules | | | | 业务a.js | | | | 业务b.js | | api | | | 业务a.js | | | ... └───public 静态资源 │ icon 按钮图标</code></pre>

页面列表

ITEM_HTML