您的位置:首页 > Web前端 > Vue.js

更新一个很好的vue+element-ui+mock的经典demo

2019-03-19 21:18 1091 查看
版权声明:来自清心的博客 https://blog.csdn.net/jw2268136570/article/details/88673662

老项目的GitHub地址:

https://github.com/taylorchen709/vue-admin

更新后的GitHub地址:

https://github.com/iamjwe/vue-admin
clone后先保证你的vue-cli不是2.x而是3.x,如果不是请查看下面的cli3参考文档更新脚手架。
安装依赖:npm install
cli3运行:npm run serve
cli3打包:npm run build
博主大三,准备实习ing,请不要忘记博客点个关注,GitHub点个star哦。你的支持是我继续写博客的动力。

更新部分:
1.使用@vue/cli3.5脚手架搭建项目
2.添加eslint代码检查
3.更新依赖为最新
4.删除一些不用的依赖和没用的注释
5.路由懒加载

解决问题:
1.打css补丁,解决左侧菜单收不齐。
2.大量tab问题,先ctrl+shift+f格式化代码然后eslint自动修复。
3.未定义变量v-for和v-if混用报错
ESLint: The ‘undefined’ variable inside ‘v-for’ directive should be replaced with a computed property that returns filtered array instead. You should not mix ‘v-for’ with ‘v-if’. (vue/no-use-v-if-with-v-for)
4.v-for的key值重复报错(多个home路由的path相同,暂时改为路由的name作为一级菜单的key)
5.,,,

参考文档:

@vue/cli 3.x 版本文档
vue2.x文档
element-ui文档
mockjs示例
mockjs语法
axios-mock-adapter文档
vue-router文档
vuex文档
fontawesome文档

http和html手册
css参考手册
es5参考手册
es6文档

npm cli命令查找
npm网站

eslint规则查询

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: