简介
在写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
}
下一篇
[JS]事件委托
[JS]事件委托
版权声明:《 [工具]Prettier-格式化代码利器 》为甄雨锋原创文章,转载请注明出处!
最后编辑:2022-5-27 02:05:26