[工具]Prettier-格式化代码利器

简介

在写Vue时,使用Vscode默认格式化,总是把代码格式化的一团糟糕。

而使用Prettier则可以解决这个问题,该工具可以自定义代码风格,并且支持多种主流格式文件。


使用方法

在Vscode中,安装Prettier - Code formatter,选择下载量最高的安装。

然后需要在你的项目根目录中,新建一个配置文件:.prettierrc文件。

接着需要在该文件中,配置你的代码风格,可以去prettier官网配置代码风格,在官网配置好了之后,点击左下角的Copy config Json将你的代码风格进行复制,然后粘贴到你的配置文件中去即可。

这是我选择的配置,可以进行参考。

{
    "arrowParens": "always",
    "bracketSameLine": false,
    "bracketSpacing": true,
    "embeddedLanguageFormatting": "auto",
    "htmlWhitespaceSensitivity": "css",
    "insertPragma": false,
    "jsxSingleQuote": false,
    "proseWrap": "preserve",
    "quoteProps": "as-needed",
    "requirePragma": false,
    "semi": true,
    "singleQuote": false,
    "tabWidth": 4,
    "trailingComma": "es5",
    "useTabs": true,
    "vueIndentScriptAndStyle": false,
    "printWidth": 100
}
发表评论 / Comment

用心评论~