vscode 代码格式化认知与实践

本文介绍了在VSCode中进行代码格式化的实践,包括使用Prettier、.editorconfig和.eslintrc.js文件的角色。讨论了当项目只有.eslintrc.js和.editorconfig时出现的问题,以及如何通过.vscode/settings.json解决格式化冲突,确保正确的代码风格统一。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vscode 代码格式化

前言

对于开源协同来说,前期的问题主要是环境配置和代码格式化。环境配置可以让你将项目跑起来,代码格式化可以让你在提交代码的时候避免不必要的因不统一的格式化配置程序所带来的内容差异

也即,做好这两点,你就能专注于代码逻辑本身。本文要讲的即是vscode编辑器中代码格式化的相关实践

正文

那么首先开始的是代码格式化配置文件。

一般地,项目中都会有 .editorconfig文件,该文件简单地规定了一些代码格式化风格。示例文件:

# http://editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

可以看到,可配置的内容确实寥寥无几。

接下来是 .prettierrc文件,该配置文件主要对Prettier起作用,这是一个非常主流的代码格式化工具,官网对其描述:

*一个“有态度”的代码格式化工具
*支持大量编程语言
*已集成到大多数编辑器中
*几乎不需要设置参数

该工具主要用于支持javascript相关语言的代码格式化操作,但通过社区插件的方式也支持了更

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值