vscode+eslint自动格式化vue代码的方法

前言

使用vscode开发vue项目的时候，为了编码格式的统一化，使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。

使用方式

在vscode的插件模块处，搜索eslint。找到下面的插件。

安装完成后，进行配置。
file --> preferences --> setting
找到eslint。

打开setting.json。
在里面配置如下代码：

{"eslint.options": {"extensions": [".js",".vue"]},"eslint.validate": ["javascript",{"language": "vue","autoFix": true},"html","vue"],"eslint.autoFixOnSave": true,"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"eslint.codeAction.disableRuleComment": {},"eslint.alwaysShowStatus": true,
}

重启后，修改代码，当不符合es规范的时候，使用ctrl+s保存的时候，就自动修复了。

vscode+eslint自动格式化vue代码的方法相关推荐

VS Code保存后自动格式化Vue代码---Vetur
在VS Code里面编辑Vue代码,通常我们会安装插件Vetur,本次介绍的格式化代码也依赖于Vetur插件.具体见一下步骤注: VS Code版本为1.74.3 1. 安装插件Vetur 2. 配 ...
vs code 设置保存自动格式化vue代码
配置 ESLint (需安装 Prettier - Code formatter 插件) command + shift + p 打开用户设置 // vscode默认启用了根据文件类型自动设置tab ...
vscode保存自动格式化加逗号解决方法
文件--首选项--设置把这句话注释掉就好了 "editor.formatOnSave": true,
【Xilinx】如何自动格式化Verilog代码
开发环境Vivado+VSCode [Xilinx]自动格式化Verilog代码前言一.安装VSCode并修改Vivado的默认编辑器二.安装Verilog插件 1. 语法插件 2. 格式化插件 ...
python black_如何使用Black自动格式化Python代码
python black Writing Python code is one thing and writing the code in a good format is another thing ...
Notepad++运行java代码，并设置自动格式化Java代码
文章目录 Notepad++运行java代码 Notepad++自动格式化Java代码 Notepad++运行java代码 1.下载插件 2.在弹出的显示插件的窗口中勾上NppExec这个插件,再点i ...
eslint 无法格式化ts_VS Code Prettier + ESlint 格式化Vue代码及遇到问题
介绍 prettierprettier.io prettier是一个专业代码格式化工具,支持JS.TS.sass.less.HTML.java.yaml.md.swift等等,主流的语言大多都支持. ...
eslint 保存自动格式化_代码规范之理解ESLint、Prettier、EditorConfig
授权转载自:nowThen https://juejin.cn/post/6895889063111294990 前言团队多人协同开发项目中困恼团队管理一个很大的问题是:无可避免地会出现每个开发者编 ...
vscode编辑器设置，禁止prettier/禁止Vetur自动格式化HTML代码
添加以下代码: "vetur.format.defaultFormatter.js": "prettier",//.vue文件template格式化支持,并使用 ...

vscode+eslint自动格式化vue代码的方法

前言

使用方式

vscode+eslint自动格式化vue代码的方法相关推荐

最新文章

热门文章