安装就不说了，安装后打开 vscodeQ 设置，搜索eslint，然后点击setting.json
写入如下代码
{ "eslint.enable": true, "eslint.run": "onType", "eslint.options": { "extensions": [ ".js", ".vue", ".jsx", ".tsx" ] }, "editor.codeActionsOnSave": { "source.fixAll.eslint": true } }
vscode eslint 快速配置（保存自动格式化）
2023-02-07
715
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vscode eslint 快速配置（保存自动格式化）
目录
相关文章
|
3月前
|
JavaScript
前端开发
开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具，可以确保代码风格一致，提高代码质量和可读性。
416
1
1
|
3月前
|
JavaScript
前端开发
开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具，可以显著提升编码效率和代码质量。
784
4
4
|
4月前
|
JavaScript
前端开发
开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展，代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier，以及设置 VSCode，实现代码实时检查和格式化，确保代码风格一致。
1024
2
2
|
4月前
|
JavaScript
前端开发
开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。
【10月更文挑战第8天】本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。通过安装 VSCode 插件、配置 ESLint 和 Prettier，实现代码规范检查和自动格式化，确保代码风格一致，提高可读性和维护性。
148
2
2
|
4月前
|
Ubuntu
Linux
编译器
Linux/Ubuntu下使用VS Code配置C/C++项目环境调用OpenCV
通过以上步骤，您已经成功在Ubuntu系统下的VS Code中配置了C/C++项目环境，并能够调用OpenCV库进行开发。请确保每一步都按照您的系统实际情况进行适当调整。
1025
3
3
|
4月前
|
JavaScript
前端开发
开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具，可以确保代码风格一致，提升团队协作效率和代码质量。
334
2
2
|
5月前
|
JSON
数据格式
vscode配置latex
本文档介绍如何在VSCode中配置LaTeX环境。首先需安装texlive和VSCode，并提前安装SumatraPDF以查看PDF文件。配置包括设置自动编译、PDF预览程序及正反向搜索等。提供了详细的`settings.json`配置示例，涵盖不同操作系统下的编译选项与方案。此外，还介绍了如何配置SumatraPDF实现与VSCode的跳转功能，以及相关快捷键的使用方法。
425
7
7
|
数据安全/隐私保护
Python
Windows
|
Devops
数据安全/隐私保护
Python
|
8月前
|
前端开发
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具，集成在 Visual Studio Code (VSCode) 中，可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
110
4
4
热门文章
最新文章
1
告别熬夜写代码！VSCode+Cline扩展插件+DeepSeek-V3大模型，让你的编程水平瞬间超越99.9%的人!
2
python安装、vscode安装、conda安装：一文搞定Python的开发环境（史上最全）
3
vscode+git解决远程分支合并冲突
4
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码：完全免费+实战教程+微信贪吃蛇小程序
5
当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk，打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
6
抛弃node和vscode，如何用记事本开发出一个完整的vue前端项目
7
Cline：29.7K Star！一文详解VSCode最强开源AI编程搭子：一键生成代码+自动跑终端+操控浏览器...
8
【HTML】——VSCode 基本使用入门和常见操作
9
VS Code书写vue项目配置 eslint+prettier 统一代码风格
10
Mac 上 iterm2 和 VSCode 终端中的字体设置建议
1
Cline：29.7K Star！一文详解VSCode最强开源AI编程搭子：一键生成代码+自动跑终端+操控浏览器...
63
2
vscode+git解决远程分支合并冲突
125
3
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码：完全免费+实战教程+微信贪吃蛇小程序
154
4
告别熬夜写代码！VSCode+Cline扩展插件+DeepSeek-V3大模型，让你的编程水平瞬间超越99.9%的人!
362
5
当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk，打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
73
6
python安装、vscode安装、conda安装：一文搞定Python的开发环境（史上最全）
169
7
抛弃node和vscode，如何用记事本开发出一个完整的vue前端项目
55
8
【HTML】——VSCode 基本使用入门和常见操作
39
9
Marp 教程：如何在 VSCode 中引入自定义样式和主题
141
10
Marp 教程：使用 VSCode 编写专业 PPT
116