vue项目开发规范文档.pdfVIP

vvuuee项项 ⽬⽬开开发发规规范范⽂⽂档档 ⼀⼀、、 ⽬⽬录录结结构构 |— build 构建脚本 ⽬录 |— build .js ⽣产环境构建 （编译打包）脚本 |— check-versions.js 版本 证⼯具 |— utils.js 构建相关⼯具⽅法 （主要⽤来处理css类⽂件的loader） |— vue-loader.conf.js 处理vue 中的样式 |— webpack.base.conf.js webpack基础配置 |— webpack.dev.conf.js webpack开发环境配置 |— webapck.prod .conf.js webpack⽣产环境配置 |— config 项 ⽬配置 |— dev.env.js 开发环境变量 |— index.js 主配置⽂件 |— prod .env.js ⽣产环境变量 |— test.env.js 测试环境变量 |— node_ modules 项 ⽬依赖模块 |— mock mock数据 ⽬录，⽤于本地数据模拟 |— src 项 ⽬源码 ⽬录 |— assets 资源 ⽬录，资源会被webpack构建 |— js 公共js⽂件 ⽬录 |— css 公共样式⽂件 ⽬录 |— images 图⽚存放 ⽬录 |— components 公共组件 ⽬录 |— common |— network 存放项 ⽬的⽹络模块，接⼝ |— tools ⾃⼰封装的⼀些⼯具 |— App.vue 根组件 |— main.js ⼊⼝js⽂件 |— routers 前端路由⽬录 |— index.js |— pages 前端页⾯⽂件 |— store 应⽤级数据管理 |— index.js 组装模块并导出，统⼀管理导出，也可命名为store.js |— state.js 单⼀状态树，定义应⽤数据结构及初始化状态 |— getters.js 获取state 中的状态，仅单向获取数据，不做任何修改 |— actions.js 调⽤mutation⽅法对数据进⾏操作 |— mutation-types.js 存放vuex常⽤的变量 |— mutations.js 定义state数据的修改操作 |— static 纯静态资源，不会被webpack构建，eg 没有npm包模块 |— test 测试 |— unit 单元测试 |— e2e e2e测试 |— .babelrc babel的配置⽂件 |— .editorconfig 编辑器的配置⽂件 |— .gitignore