eslint不报错 vue_【简易教程】基于Vue-cli使用eslint指南

插件安装

首先在vscode插件中搜索eslint和prettier。

啥也不管，这俩必须得装。

插件简介

vscode插件库里的eslint是用来在你写代码的时候就直接给你报错。（vue-cli中的eslint是在浏览器中报错）

prettier是代码格式化插件，用来辅助eslint，否则你调了花半天，一格式化全没有。

实战演练

 # 创建一个vue项目 vue-cli@2.9.6，更高版本请使用create创建项目。
 vue init webpack eslint_test

eslint那一栏请选择none，这样vue-cli会帮你下载eslint，并进行一些基本的配置。

但是不会帮你设置rules（rules就是各种代码规范的不允许）。

下载好后目录结构如下：

文件介绍

里面有两个文件非常重要。

.eslintignore 和 .eslintrc.js

.eslintignore ，见名知意，ignore 忽视一些文件。即在文件里面规定的不会被eslint进行检查。

例如这里面不会对/build/文件下面的文件做语法检查。

.eslintrc.js ，是eslint能起作用的根本。 vue-cli里面eslint和 vscode里的eslint都以这个文件为判定标准。

补充文件

我们得在根目录下新建一个.prettierrc文件。

.prettierrc，是prettier格式化的配置文件，建议用json格式书写。