prettier实用配置参数vscode下的setting.json文件

最新推荐文章于 2025-07-15 15:27:04 发布

吴彦希

最新推荐文章于 2025-07-15 15:27:04 发布

阅读量1.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： 2020.08

本文链接：https://blog.csdn.net/weixin_39429811/article/details/108105256

2020.08 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在VSCode中配置prettier与ESLint的完美搭配，通过设置包括代码格式校验、换行、缩进、分号使用、引号类型等，实现统一的代码风格。


    "prettier.eslintIntegration": true,// 让prettier使用eslint的代码格式进行校验
    "prettier.printWidth": 100, // 超过最大值换行
    "prettier.tabWidth": 4, // 缩进字节数
    "prettier.useTabs": false, // 缩进不使用tab，使用空格
    "prettier.semi": true, // 句尾添加分号
    "prettier.singleQuote": true, // 使用单引号代替双引号
    "prettier.trailingComma": "none", // 在对象或数组最后一个元素后面是否加逗号，不加
    "prettier.arrowParens": "avoid", // prettier- (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
    "prettier.bracketSpacing": true, //  prettier-在对象，数组括号与文字之间加空格 "{ foo: bar }"