使用prettier格式化vue代码

  1. 安装Prettier - Code formatter扩展
    使用prettier格式化vue代码_第1张图片
    image.png
  2. 添加Prettier设置
    使用ctrl + p打开文件搜索,输入settings.json,打开该文件
    使用prettier格式化vue代码_第2张图片
    image.png

    输入如下配置:
{
  "prettier.semi": false,
  "prettier.useTabs": true
  "prettier.tabWidth": 2,
  "prettier.singleQuote": true
}

具体配置详见 Prettier

注意:不要和editorconfig一起用,会造成冲突,导致部分设置不生效,比如prettier.semi就不生效。

你可能感兴趣的:(使用prettier格式化vue代码)