Vscode使用prettier格式化代码

1 >> 在vscode界面: code > 首选项 > 设置 在用户区 扩展里面找到 Prettier 可以进行基础的设置

2 >> 在setting.json中进行编辑

{
    "files.autoSave": "afterDelay",
    "window.zoomLevel": 0,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "prettier.semi": false,
    "prettier.singleQuote": true,//使用单引号而不是双引号
    "eslint.autoFixOnSave": true,//保存时自动使用eslint格式化
    "prettier.tabWidth": 4,//tab键缩进
    "prettier.useTabs": true,
    "prettier.requireConfig": true
}