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