美文网首页
ESLint + VSCode自动格式化代码

ESLint + VSCode自动格式化代码

作者: 一直简单_ | 来源:发表于2020-11-06 09:18 被阅读0次

以VUE项目为例:

利用 Vue CLI 创建项目时要将 ESlint 选上,下载完依赖后,用 VSCode 打开项目。

vscode安装插件 ESLint >  File -> Preference -> Extensions ->  搜索“ESLint”

安装插件 ESLint,然后 File -> Preference -> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 设置),搜索 eslint,点击 Edit in setting.json

将以下选项添加到配置文件

"editor.codeActionsOnSave":{"source.fixAll":true,}

配置完之后,VSCode 会根据你当前 Vue 项目下的 .eslintrc.js 文件的规则来验证和格式化代码。

然后就可以ctrl+s保存来验证啦~~  

不用手动格式化的感觉真香~~~

相关文章

网友评论

      本文标题:ESLint + VSCode自动格式化代码

      本文链接:https://www.haomeiwen.com/subject/ogygvktx.html