搁置：vue-element-admin

初衷

• 了解桌面应用类前端搭建的解决方案

——————————————————————————————————————————————————————————————————————————————————

介绍

• 疑问：动态路由
• 疑问：权限验证

功能

• 疑问：指令权限
• 疑问：二步登录
• 疑问：Svg Sprite 图标
• 疑问：拖拽看板
• 疑问：错误日志

——————————————————————————————————————————————————————————————————————————————————

手摸手，带你用 vue 撸后台 系列一（基础篇）

目录结构

api 和 views

• 不同意见：api和views分开目录应该更适于公共api的管理。对于业务api重复使用的概率小，且常用于定位bug所在，直接内嵌在业务代码中似乎更好

store

• 不同意见：登录token、用户信息应该使用sessionStorage保存更为合理，当网络延迟时用户会习惯性的刷新页面，使用vuex保存这些信息会导致重复请求
• 不同意见：全局个人偏好设置、系统语言应该使用localStorage保存更为合理，需要考虑是否后端保存用户偏好

webpack

jquery (本项目已移除)

• 笔记：使用 webpack 内置的 ProvidePlugin 插件后，当第三方库中出现全局的$、jQeury和window.jQuery 时，就会使用 node_module 下 jquery 包 export 出来的东西。

alias

• 不同意见：会导致编辑器无法跳转，影响开发速度。只设置src下一级目录即可。

resolve: {

  alias: {

    '~': resolve(__dirname, 'src')

  }

}

//使用

import stickTop from '~/components/stickTop'

ESLint

• 笔记：饿了么团队的 .eslintrc.js，vue的 .eslintrc.js
• 笔记：vscode 插件和配置推荐

封装 axios