尧图网络科技YAOTU DIGITAL 获取报价
获取报价
首页 / 资讯中心 / 文章详情

vscode使用eslint自动格式化代码的相关配置

发布时间:2026/9/17 18:22:37

资讯中心
01
ARTICLE

vscode使用eslint自动格式化代码的相关配置

vscode使用eslint自动格式化代码的相关配置
首先安装上ESlint扩展由于我这是vue项目需要对vue文件也在保存时自动格式化所以还装了这个在项目根路径下创建.vscode文件夹里面新建两个文件extensions.json和settings.jsonextensions.json文件的内容如下{ recommendations: [ Vue.volar, Vue.vscode-typescript-vue-plugin, dbaeumer.vscode-eslint, esbenp.prettier-vscode ] }settings.json文件的内容如下{ // 开启保存时自动格式化 editor.formatOnSave: true, // 默认格式化工具设为 Prettier配合 ESLint editor.defaultFormatter: esbenp.prettier-vscode, // 让 ESLint 接管所有文件的保存格式化 editor.codeActionsOnSave: { source.fixAll.eslint: explicit }, // 对 Vue 文件单独配置必须 [vue]: { editor.defaultFormatter: esbenp.prettier-vscode }, // 关闭 VSCode 自带的 JS/TS 格式化避免冲突 javascript.format.enable: false, typescript.format.enable: false, // ESLint 工作区配置 eslint.useFlatConfig: false, // 你的项目用的是传统 .eslintrc.cjs所以要关这个 eslint.validate: [javascript, javascriptreact, typescript, typescriptreact, vue] }注释都够清楚了就不赘言了
02
RELATED NEWS

相关资讯

更多网站建设与数字化升级内容

03
WHY YAOTU

想打造同款高转化官网?

懂行业、懂生意,从建站到增长一站式陪跑

场景化定制

不做模板站,围绕你的业务场景量身设计,小众不撞款。

营销型架构

以转化目标组织内容与路径,让官网真正带来询盘。

全周期服务

设计、开发、运营、运维一体,上线只是开始。

免费获取你的建站方案

留下需求,专属顾问 24 小时内为你输出方案建议。