vscode + prettier 专治代码洁癖

最新推荐文章于 2024-09-04 23:21:56 发布

LuckXinXin

最新推荐文章于 2024-09-04 23:21:56 发布

阅读量261

点赞数

分类专栏：其他文章标签：前端其他问题

本文链接：https://blog.csdn.net/LuckXinXin/article/details/105421069

版权

本文介绍了如何使用VSCode和Prettier进行代码格式化，强调了Prettier的特性及其与lint工具的区别。通过安装VSCode的Prettier插件并配置，实现前端多语言代码格式化。同时，文中提供了Vue、TypeScript和SCSS项目的配置示例，以及解决vetur模板格式化问题的方法。

摘要由CSDN通过智能技术生成

前言

相信很多小伙伴都纠结过自己代码的格式化问题，特别是团队协作的时候，加上前端语言种类繁杂，各种语法糖+团队个人的敲码习惯，会让你感觉到一团糟。
在过往，我们尝试过很多方式，从EditorConfig到各种***Lint, 还要研究各种配置，还是没办法满足我们的需求。
现在，prettier帮到你。

介绍

prettier是一个比较武断的格式化工具（官方介绍的逗比级翻译）。我开始也是不能理解这个东西，因为已经习惯了捣鼓各种lint配置，总想着能弄一套真的适合自己团队风格习惯的配置出来，结果就是一直在路上。
为什么说prettier是武断的？它个各种lint工具不一样，prettier只关注格式化，并不具有lint检查语法等能力，所以开始大家可能会经常碰到lint搭配prettier会出现冲突。而且prettier独断自行一套格式化风格，虽然提供配置，也只是配置少量的关键属性，能在一定程度上保证的代码的风格统一，而且使用门槛极低，关键的他的风格并不丑，更容易让大家接受。
同时，prettier支持我们大前端目前大部分语言处理，包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown