如何在vs code中使用代码格式化工具prettier

安装插件

Prettier - Code formatter

配置

• 在setting里面进行配置

• 项目中单独配置

在项目根目录新增prettier.config.js配置文件，配置如下

module.exports = {  printWidth: 200, // 行长规则通常设置为100或120  // tab缩进大小,默认为2  tabWidth: 4,  // 使用tab缩进，默认false  useTabs: true,  // 使用分号, 默认true  semi: false,  // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)  singleQuote: true,  // 行尾逗号,默认none,可选 none|es5|all  // es5 包括es5中的数组、对象  // all 包括函数对象等所有可选  TrailingCooma: "none",  // 对象中的空格 默认true  // true: { foo: bar }  // false: {foo: bar}  bracketSpacing: true,  // 箭头函数参数括号 默认avoid 可选 avoid| always  // avoid 能省略括号的时候就省略 例如x => x  // always 总是有括号  arrowParens: "avoid",}

更多配置可见官网

默认是需要手动按快捷键 shfit+alt+F才会格式化，如果想保存时自动格式化，需要在编辑器配置文件中加入配置项

"editor.formatOnSave": true //保存时自动格式化