Vue环境的配置及语法检查（VsCode）

留言

吐槽一下，可以下滑直接正文

我的webstorm又双叒叕的不能用了，都已经频繁到每日激活码了，还是给我封封封的。

听说可以申请教育版，但是貌似我们学校不可以，就很气。

好吧，转战VsCode。

不是说VsCode不香，因为平时工作的环境用的vscode，vue的项目格式化的配置又不同于工作中的要求，加上vue的学习习惯，博主果断选择双环境，最后还是没能抗住贫穷。

改用Vscode，少不了配置一波。幸好vue初始化项目的配置文件很完整，只需要做一些改动就可以。

正文：

  1. 安装插件。参考各位大佬的博客，装了Eslint和Vetur
  2. 接着又参考各种配置文件，Vetur一直没有作用，咱也不知道是个啥情况。果断方案二
  3. 在项目根目录下创建.prettierrc.json，添加下面内容 
    1
    2
    3
    4
    5
    6
    7
    {
      "tabWidth": 2,
      "useTabs": false,
      "singleQuote": true,
      "semi": false,
      "trailingComma": "none"
    }
  4. 到这里，项目是可以绿码跑过了。解决了，最后一行的尾随符号，结尾分号，Tab大小等问题
  5. 然后开始Eslint的配置，毕竟没有红波浪，心里挺没谱
  6. 安装后发现配置文档的设置，项目初始化的时候做好了，但是红波浪还是没有出来
  7. 随便打开一个Vue文件，看看右下角，把Eslint的禁用打开。Allow就可以了。
  8. 再看看，红波浪是不是有了。