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 配置完成,可以开始使用了