Skip to main content

Prettier - Visual Studio Code

安装​

在 VS Code 中 搜索 Prettier 安装或访问 Prettier 下载安装

配置​

在 VS Code 中打开用户配置（在命令面板中搜索 settings.json），复制以下内容

{
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    },
    // Prettier Settings
    "prettier.tabWidth": 4,
    "prettier.printWidth": 200,
    "prettier.semi": true,
    "prettier.singleQuote": true,
    "prettier.jsxSingleQuote": true,
    "prettier.vueIndentScriptAndStyle": true,
    "prettier.arrowParens": "always",
    "prettier.trailingComma": "es5"
}

开始使用​

Prettier 配置完成，可以开始使用了