小结

项目构建介绍

• 参考 vuex demo 及 答题重构 Vue 版本建立项目结构
• 引入 vue-loader 使用 vue 单文件
• 使用 vuex 管理状态

做的比较好的地方

• 项目前期对任务进行合理拆分，开发进度更加可控，能有效规避一些项目风险，开发效率也有一定提升。
• 使用 vue 单文件，更好地组件化开发。
• 使用 vuex 管理状态，有不错的收益。比之前的数据维护更加清晰，便于维护。
• 学习优秀开源作品，参考 mint-ui 开发提取 Toast 公用组件，实现组件复用，以后应该多抽象类似公共组件。
• 使用 eslint 和 vutur 工具做代码规范，以 Airbnb代码规范 和 vue 官方风格指南 作为规范指南，以后结合开发实践做规范取舍。
• 将 eslint 结合到 webpack 中，强制规范代码。具体规范，团队一起协商制定。
• 打包区分开发环境和生成环境，这块意识增强。

问题

• 目录结构有待优化
  最外层 js 应该干掉，mixins 放 components 里不是很合适，App.vue，Share.vue 都是单独页面，适合单独提取到 page 目录中，和 HTML 对应。

• 打包问题
  资源引入目前用相对路径，不是很方便，有待解决，vue 文件中图片资源目前没能自动上传 cdn，这个得尽快解决。

• vue 代码有几个点很不符合规范，没来得及改。

  • 组件命名，很糟糕
  • 元素特性顺序目前很随性，很糟糕
  • 组件组件还可以更细化

• 接口请求方法可以采用更好的方式组织，目前很重复，可参考答题重构版本引入 adapter 。