VSCode与Prettier代码格式化工具的使用

npm install --save-dev prettier

// src/index.js
function foo(a,b){return a+b}

$ npx prettier src/index.js
// src/index.js
function foo(a, b) {
  return a + b;
}

npx prettier --write src/index.js

// src/index.js
function foo(a,b){return a+b}
function func(){console.log("Hello World");}

// src/index.js
function foo(a, b) {
  return a + b;
}
function func() {
  console.log("Hello World");
}

// prettier.config.js or .prettierrc.js
module.exports = {
  // 在对象或数组最后一个元素后面加逗号
  trailingComma: 'es5',
  // 空格形式缩进2空格
  tabWidth: 2,
  // 结尾不用分号
  semi: false,
  // 使用单引号
  singleQuote: true,
  // html中单属性换行
  singleAttributePerLine: true,
};

$ npx prettier src/index.js
// src/index.js
function foo(a, b) {
    return a + b
}
function func() {
    console.log('Hello World')
}

[*]
charset = utf-8
insert_final_newline = true
end_of_line = lf
indent_style = space
indent_size = 2
max_line_length = 80