AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

vscode eslint 快速配置（保存自动格式化）

2023-02-07 1485
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vscode eslint 快速配置（保存自动格式化）

111.png


安装就不说了，安装后打开 vscodeQ 设置，搜索eslint，然后点击setting.json


222.png


写入如下代码


{ 
    "eslint.enable": true,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue",
            ".jsx",
            ".tsx"
        ]
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}
史一试
目录
相关文章
众所周知
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具，可以确保代码风格一致，提升团队协作效率和代码质量。
众所周知
1473 2
蓝易云
|
Python
在VScode环境下配置Python环境的方法
经过上述步骤，你的VSCode环境就已经配置好了。请尽情享受这扇你为自己开启的知识之窗。如同你在冒险世界中前行，你的探索之路只有越走越广，你获得的知识只会越来越丰富，你的能力只会越来越强。
蓝易云
1363 37
龙大吉
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具，可以显著提升编码效率和代码质量。
龙大吉
3050 4
龙大吉
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具，可以确保代码风格一致，提高代码质量和可读性。
龙大吉
1978 1
蓝易云
|
Ubuntu Linux 编译器
Linux/Ubuntu下使用VS Code配置C/C++项目环境调用OpenCV
通过以上步骤，您已经成功在Ubuntu系统下的VS Code中配置了C/C++项目环境，并能够调用OpenCV库进行开发。请确保每一步都按照您的系统实际情况进行适当调整。
蓝易云
3361 3
龙大吉
|
JavaScript 前端开发 开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展，代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier，以及设置 VSCode，实现代码实时检查和格式化，确保代码风格一致。
龙大吉
2650 2
龙大吉
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。
【10月更文挑战第8天】本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。通过安装 VSCode 插件、配置 ESLint 和 Prettier，实现代码规范检查和自动格式化，确保代码风格一致，提高可读性和维护性。
龙大吉
799 2
aliyun5606190238
|
自然语言处理 API C++
阿里通义推出SmartVscode插件，自然语言控制VS Code，轻松开发应用，核心技术开源！
SmartVscode插件深度解析：自然语言控制VS Code的革命性工具及其开源框架App-Controller
aliyun5606190238
2803 1
阿里通义推出SmartVscode插件，自然语言控制VS Code，轻松开发应用，核心技术开源！
极客小俊GEEKERJUN
|
机器学习/深度学习 人工智能 自然语言处理
告别熬夜写代码！VSCode+Cline扩展插件+DeepSeek-V3大模型，让你的编程水平瞬间超越99.9%的人!
逆天改变！VSCode+Cline+DeepSeek-V3，编程界的新王者就是你!
极客小俊GEEKERJUN
6618 46
1353439074542983
|
Ubuntu 网络安全 PHP
如何使用vscode的Docker插件管理ubuntu 拉取服务器的镜像以及创建容器
本测试镜像旨在记录使用vscode的Docker插件拉取病创建Dockerfile，以及拉取镜像。
1353439074542983
771 0

热门文章

最新文章

  • 1
    vscode 终端无法执行npm、cnpm命令的解决办法，npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试
  • 2
    Vue系列教程（04）- VsCode断点调试（Debugger for Chrome）
  • 3
    vscode 使用python无法导入库
  • 4
    Auto.js VSCode 代码提示怎么生效（代码补全）
  • 5
    怎么禁用 vscode 中点击 go 包名时自动打开浏览器跳转到 pkg.go.dev
  • 6
    Linux Debian12使用VSCode和Python搭建flask开发环境
  • 7
    VSCode 设置平滑光标
  • 8
    vscode如何及时提示flutter代码
  • 9
    10个不容错过的VSCode插件
  • 10
    VScode 插件 & 常用快捷键整理（含Chrome插件）
  • 1
    解决 VSCode 安装通义灵码后左侧菜单栏不显示按钮的问题
    5410
  • 2
    用通义灵码在VsCode生成新浪新闻某文章HTML页面
    640
  • 3
    【Azure 环境】VS Code登录China Azure(Function)报错 An error occurred while signing in: invalid_request - AADSTS65002
    565
  • 4
    VS Code调试Function报错｜无法加载Diagnostics.Abstractions怎么办？
    449
  • 5
    如何使用vscode的Docker插件管理ubuntu 拉取服务器的镜像以及创建容器
    771
  • 6
    Windows10添加自定义右键菜单VS Code
    1028
  • 7
    Linux环境下VSCode快速安装终极指南：debian/ubuntu/linux平台通用
    3521
  • 8
    【Function App】本地通过VS Code调试Function时候遇见无法加载文件错误Microsoft.Extensions.Diagnostics.Abstractions
    577
  • 9
    在VScode环境下配置Python环境的方法
    1363
  • 10
    DeepSeek 满血版在 VScode 和 IDEA 中怎么用？手把手教程来了
    4925

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！