vscode保存代码,自动按照eslint规范格式化vue代码设置

1,452 阅读1分钟

eslint 自动格式化

这里需要有一个前提,你在package.json中安装了eslint的依赖,不然配置无用

例如按照了如下依赖:

下面来说一下具体的配置步骤:

首先,在我们项目跟目录添加.eslintrc.js 文件,用于校验代码,编写eslint相关规则,关于eslint的一些具体规则,请查看eslint文档

本项目基本规范是依托于 vue 官方的 eslint 规则 eslint-config-vue 

其次,vscode中添加eslint和vetur插件

第三,自动格式化设置

1、window电脑:

文件 > 首选项 > 设置 打开 VSCode 配置文件

2、mac电脑

code>首选项 >设置

关闭eslint检查

关于关闭eslint,其实不是本节的内容,本节目的是开启,并自动格式化和检查!假如你实在是想关闭的话,设置方法如下:

1、vue create的项目

在vue.config.js中,设置 lintOnSave: false

2、以前的项目,vue init webpack的

config/index.js 文件。 设置 useEslint: true