简介
在写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 10:05:26