idea关于vue的配置

文章之初，先附上我的idea配置，有需要的可以直接导入

链接：https://pan.baidu.com/s/1fWNTsiaPFkSrkvaMWnBjlg
提取码：z160

后端开发用的idea，前端vue就想统一一下，一个idea解决，虽然前端也有vscode，但是vs对于svn的适配不是很好（也可能是我用的不咋熟练），而webstorm 说白了，就是idea的低配版，在有idea的情况下，完全没必要再装个这玩意。
但是，使用过程中，发现一些问题，网上对于idea中vue的配置零零散散的，不好找不说，还有一些错误的（心里暗暗不爽），由此，这篇文章诞生了，总结如下：

1.啥都别说，先安装插件

按照顺序来 File | Settings | Plugins

2.然后进行一些基本配置

主要是因为idea的格式化快捷键Ctrl+Alt+L能把vue文件玩成一坨~~ 而且vue的eslint会一直报些奇奇怪怪的错误或警告 实在没法玩。。 具体的看下边这一堆图吧

js版本设置为6.0+

函数声明function和方法名之间 加空格

js末尾去掉分号，字符串统一单引号（不然eslint会报一堆警告）

html文件script标签里边的js靠边缩进

然后对于空格，，idea有一些有意思的配置，在下边图里边，有兴趣可以瞅瞅，但是配置完后可能会有一些警告啥的，自己按需要配置，对于大多数人来说，没啥用。。

上边都完事了后，进入项目，格式化代码一瞅，大概一看是没啥问题了，但是项目启动之后还是会有一堆的eslint警告报错，而且大部分都是什么标签属性要另起一行。。这个属性要在那个属性之前之后。。。等等乱七八糟的东西，别慌 接下来还有一个这玩意

3.修复eslint检查问题

快捷键设置里边搜索JavaScript ，找到下边fix eslint problems选项 输入一个快捷键，由于很多快捷键已被使用，我这里使用的是Ctrl+Alt+Q

设置完成后，进入页面实验一下，大功告成

最后，提示一下，这个快捷键和idea的格式化代码快捷键都是既可以对单个文件起作用 也可以选中一个文件夹 直接搞定整个文件夹的