vscode保存代码时自动eslint格式化

简介: vscode保存代码时自动eslint格式化

背景

我们期望使用vscode编码时,可以依据eslint规则,自动格式化我们的代码。那么可以通过设置vscode的自动格式化,来实现这一需求。

实现方式

  1. 安装vscode插件Eslint

image.png

修改vscode设置

文件-首选项-设置,或通过ctrl + shift + p => 首选项:打开工作区设置,打开vscode设置界面

image.png

打开settings.json,添加下面的配置

image.png

{
"search.followSymlinks": false,
"editor.tabSize": 2,
//配置eslint"eslint.validate": [
"javascript",  // 用eslint的规则检测js文件"javascriptreact",
"vue",
"html",
  ],
// 启用保存时自动修复eslint,默认只支持.js文件"editor.codeActionsOnSave": {
"source.fixAll.eslint": true  }
}

image.png

之后写代码的时候,保存代码,vscode即可自动依据eslint规则对代码格式化

目录
相关文章
|
4天前
vscode提交代码
vscode提交代码
|
4天前
|
JavaScript
VSCode 代码调试
VSCode 代码调试
|
4天前
VSCode 自动格式化
VSCode 自动格式化
|
4天前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
4天前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
4天前
|
存储 开发工具 git
Vscode 拉取代码时出现 在签出前 请先清理仓库工作树
Vscode 拉取代码时出现 在签出前 请先清理仓库工作树
|
4天前
VSCode如何自动换行,右侧换行间距长度,隐藏右侧代码预览(Minimap代码缩略图滚动条),比对代码差异窗口也自动换行
VSCode如何自动换行,右侧换行间距长度,隐藏右侧代码预览(Minimap代码缩略图滚动条),比对代码差异窗口也自动换行
|
4天前
|
C++
VS code debug c代码 配置
VS code debug c代码 配置
7 0
|
4天前
|
数据采集 Web App开发 JavaScript
vscode跟踪vue代码方法
vscode跟踪vue代码方法
11 0
|
4天前
|
Windows
【vscode】 VsCode终端崩溃C:\WINDOWS\System32\WindowsPowerShell\v1.0\powershell.exe已终止,退出代码:2
【vscode】 VsCode终端崩溃C:\WINDOWS\System32\WindowsPowerShell\v1.0\powershell.exe已终止,退出代码:2
32 1