注意:本文首次撰写于2020年5月9日
这里我们的主要环境为vue 2.6、vue-cli 4.3、cube-ui 1.12.45、cube-js 3.6.4
持续更新(踩坑)中...
安装
我在安装时,vue-cli的版本已经到4.3,但实际用起来参考官网上的3.0教程没有本质区别
参考资料:didi.github.io/cube-ui/#/z…
安装:
1、在已经全局安装好vue-cli的情况下,找个地方运行命令:vue create project-name
后续配置按照自己喜欢的就好,我直接选了default
2、然后cd进你刚创建的工程,运行vue add cube-ui
后续配置我基本都选了YES,看个人需求
踩坑:
我们一般都有自己习惯的eslint规则,于是我们将自己用习惯了的.eslintrc.js放入工程根目录。
在上述操作完成后,工程在vscode中打开没有eslint格式错误的提示,自动保存也失效了;同时如果run serve却会显示一堆的eslint错误。
这个问题我没有找到深层次的原因,但是发现了解决办法(我们用的eslint标准依赖于Airbnb,如果用其它标准可做参考根据实际情况更换依赖):
方案一:加入dev依赖@vue/eslint-config-airbnb
方案二:加入dev依赖eslint-plugin-import 以及eslint-config-airbnb-base