js/ts如何使用prettier进行代码风格检查

方式一：命令行运行

安装prettier

npm install --save-dev prettier

创建配置文件

在工程根目录创建.prettierrc.js文件（package.json同级目录），并把下面内容填进去（也可以自己配置）

export default {
    // 一行的字符数，如果超过会进行换行，默认为80
    printWidth: 160,
    // 一个tab代表几个空格数
    tabWidth: 2,
    // 是否使用tab进行缩进，默认为false，表示用空格进行缩减
    useTabs: false,
    // 行尾是否使用分号，默认为true
    semi: true,
    // 字符串是否使用单引号，默认为false(在jsx中配置无效, 默认都是双引号)
    singleQuote: true,
    bracketSpacing: true,
    endOfLine: 'lf'
}

开启代码检查修复

# 修复指定文件
npx prettier --write xxx.ts
# 修复指定dir文件夹
npx prettier --write dir

执行命令后，对应的文件就会按照规则进行格式化

方式二：vscode中进行代码风格检查

1. 在插件中安装 prettier
2. 在settings.json的根范围中增加如下配置

    "prettier.semi": true,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "all",
    "prettier.printWidth": 120,
    "prettier.bracketSpacing": true,
    "prettier.endOfLine": "lf",
    "prettier.useTabs": false,

3. 直接右键执行Format Document
   可以参考： https://blog.csdn.net/qq_43886365/article/details/126370018