本文介绍在VSCode中如何美化不换行的代码并格式化无缩进的代码,提升代码可读性与规范性。
1、 本经验以 VS Code 为例。所示,这是一个未换行的 CSS 文件,全部内容压缩在单行中,因此格式化功能无法生效。
2、 代码格式化是调整换行、缩进和间距,使代码结构清晰、规范。VSCode内置此功能,可一键自动美化代码。
3、 点击文件→首选项进入设置面板。
4、 所示,搜索format可快速定位格式化相关选项,选中需调整的设置项,复制到右侧进行修改即可。
5、 如需美化代码(自动换行),请先点击左侧扩展图标,在扩展商店中搜索Beautify,选择并安装首个匹配插件即可完成配置。
6、 安装插件后重启VSCode,按F1键打开命令面板,搜索Beautify,选择Beautify file即可格式化当前整个文件。
7、 所示,代码已自动换行并格式化,呈现美观效果;该美化功能支持多种编程语言的源代码。
