vscode自动格式化不符合eslint_VsCode（Visual Studio Code）格式化代码符合EsLint

利用Visual Studio Code ESlint插件，实现自动格式化代码

步骤一：安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=>install EsLint

步骤二: 重启VsCode，发现代码提示报错，代码不符合规范

步骤三：鼠标hover在报错的地方，会出现Quick Fix...，点击或者选择这条报错代码Ctrl+.(注意只能使用英文输入法)

步骤四：选择Fix

拓展如何让Vscode 自动格式化代码符合EsLint格式

步骤一：找到VsCode 的Settings.json文件并打开

windows 系统：

File =>Preferences=>settings=>using Setting =>Text Editor=>Edit in settings.json=>打开settings.json 文件

步骤二：把下面的代码写入到Setting.json中

"eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件

"eslint.validate": [

"javascript", // 用eslint的规则检测js文件

{

"language": "vue", // 检测vue文件

"autoFix": true // 为vue文件开启保存自动修复的功能

{

"language": "html",

"autoFix": true

备注：

成果展示：

vscode自动格式化不符合eslint_VsCode（Visual Studio Code）格式化代码符合EsLint相关推荐

Visual Studio Code设置代码自动换行
Visual Studio Code设置代码自动换行,只需两步. 第一步,打开 File 目录下的PreFerebces ,选中Settings . 第二步,在输入框搜索 editor.wrappin ...
vscode打开html中文乱码,Visual Studio Code 1.44 解决中文代码显示乱码问题(小白图文教程)...
现今主流的计算机中文字符编码方案是:GBK和UTF-8. 不同编码方案使用不同的字符集,GBK字符集在中文字符长度和字符数量上存在绝对优势,但对国外字符并不支持.所以,完全面向国内的程序/网页使用的是 ...
如何用Visual Studio Code编写代码(以HTML为例)
1.新建文件并自动生成缺省html代码框架 ①打开Visual Studio Code编辑器使用快捷键Ctrl+N新建文件,就会得到默认的纯文本文件 ②选择编程语言点击"选择编程语言&q ...
Visual Studio Code 保存代码时报Applying code action Organize Imports
每次在Visual Studio Code 里修改代码,保存后都会弹出下面的对话框: Saving xxxx: Applying code action 'Organize Imports'. Sav ...
Visual Studio Code Vue代码片段总览
文章目录一.模板篇 1. 初始化.vue 文件模板 2. template 作用域插槽模板二.响应提示篇 1. error 响应 !200提示 2. success 响应 ...
Visual Studio Code如何编写运行C、C++
Visual Studio Code如何编写运行C.C++ 作者:知乎用户链接:https://www.zhihu.com/question/30315894/answer/154979413 来源 ...
在Visual Studio Code中配置GO开发环境
一.GO语言安装详情查看:GO语言下载.安装.配置二.GoLang插件介绍对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github ...
Visual Studio Code，一款功能强大且轻巧的免费代码集成编辑器介绍
Visual Studio Code - 编辑器+代码理解+调试下载软件官网下载地址初步环境设置基本设置功能介绍 1. 界面友好代码阅读代码编辑下载软件官网下载地址链接: http ...
visual studio学习python_一步一步学Python3(小学生也适用) 第三篇: Visual Studio Code
工欲善其事,必先利其器: 器欲尽其用,必先得其法. 前面两章我们分别安装了Python3.8和在三种模式下运行了Python的print()函数程序.在开始我们正式学习Python基础语法时,我们先把 ...
Visual Studio Code
文章目录一.基础配置 1. 中文界面 2. 高效插件 3. vue代码片段 4. 全局配置 5. VSCode 常用快捷键 6. VSCode高级操作技巧一.基础配置 1. 中文界面中文界面 2 ...

vscode自动格式化不符合eslint_VsCode（Visual Studio Code）格式化代码符合EsLint

vscode自动格式化不符合eslint_VsCode（Visual Studio Code）格式化代码符合EsLint相关推荐

最新文章

热门文章