nx-admin 试水

nx-admin框架看着还不错，试试水深。

1. 资源

1.1. nx-Admin

github
https://github.com/mgbq/nx-admin
文档
https://mgbq.github.io/nx-admin-site/zh/guide/
作者博客
https://blog.csdn.net/qq_32340877

1.2. nxAdmin-template

https://github.com/mgbq/nxAdmin-template

1.3. element-ui

http://element-cn.eleme.io/#/zh-CN/component/installation

1.4. Vue.js

https://cn.vuejs.org/v2/guide/
Api: https://cn.vuejs.org/v2/api/

2. 技巧

3. BUG&优化

1. 移动端响应式有点问题，比如表单响应式不是很好，估计测试做的不多或者没考虑响应式
2. 个别方法引用混乱，比如标题的设置
3. 表单等代码可以再封装成组件不然代码太多，类似以下代码可以抽象成组件，不然代码太多，另外还可配置选项：是否响应式、响应式如何设置等

<el-form-item label="表单名称">
  <el-col :xs="8" :sm="24">
    <el-input v-model="form.name"></el-input>
  </el-col>
</el-form-item>

4. 并未配置按需载入

4. 问题

ie兼容，但是仍然不友好，6、7完全不考虑
问题： IE报vuex requires a Promise polyfill in this browser
解决方法：

1. 安装babel-polyfill 。babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法。
   npm install --save babel-polyfill
2. 第二步：在webpack.base.conf.js中替换

  entry: {
    // app: './src/main.js' //原来的
    app: ["babel-polyfill", "./src/main.js"]
  },

nx-admin是仿（chao）vue-element-admin的一个后台
https://github.com/PanJiaChen/vue-element-admin
预览
https://panjiachen.gitee.io/vue-element-admin/#/zip/download
手册
https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/
手摸手，带你封装一个vue component
https://segmentfault.com/a/1190000009090836
见识
https://jianshiapp.com/circles/1209

以上项目做到再修复

持续更新中……