首先在vscode内安装插件Prettier - Code formatter
在你的项目里新建下面文件
.prettierrc.js
module.exports = {
trailingComma: 'none', // 在对象或数组最后一个元素后面是否加逗号
useTabs: false, // 缩进不使用tab,使用空格
printWidth: 80, // 最大列宽 默认80
tabWidth: 2, // 缩进字节数
semi: true, // 句尾添加分号
singleQuote: true, // 使用单引号代替双引号
bracketSpacing: true, // 在对象,数组括号与文字之间加空格 "{ foo: bar }"
jsxBracketSameLine: true, // 将>多行JSX元素的放在最后一行的末尾,而不是放在下一行
jsxSingleQuote: true, // 在JSX中使用单引号而不是双引号
arrowParens: 'always', // always:(x) => x avoid: x => x
vueIndentScriptAndStyle: true, // 是否缩进Vue文件中的代码<script>和<style>标记
insertPragma: false // 顶部插入<!-- @format -->
};
以上是我列举的我的配置,你也可以去官网查看其它配置。