IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码

IntelliJ IDEA小技巧 ——  代码太乱?一键快速格式化代码

在使用IDEA的过程中,为了使代码看起来更整齐,可以在设置中定义代码的展示效果。

更改Java等常用代码的展示效果

1、打开IDEA左上角File —> Settings。

IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码_第1张图片

2、选择Editor —> Code Style —> Java(可根据实际需要更改语言)。

IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码_第2张图片

3、根据自己的喜好进行自定义设置。

IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码_第3张图片

4、使用“Control + A”全选代码,再使用“Control + Alt + L”,将代码格式规范化。

 

更改前端.vue代码格式

vue文件并不在Code Style可更改的语言中,那么如何更改.vue文件的代码格式呢?

1、首先看一下默认的.vue代码格式。默认样式tab缩进较小,看上去不够美观,

IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码_第4张图片

2、在文件夹中打开你的项目所在文件夹,使用搜索文件功能,找到“.editorconfig”文件。

3、使用代码编辑器打开.editorconfig文件,更改“indent_size = 4”,保存。

IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码_第5张图片

4、重启IDEA。使用“Control + A”全选代码,再使用“Control + Alt + L”,将代码格式规范化。

IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码_第6张图片

 

小贴士

在使用“Control + Alt + L”格式化代码时,不要登录QQ,快捷键会冲突,无法格式化。

IntelliJ IDEA小技巧 —— 代码太乱?一键快速格式化代码_第7张图片

你可能感兴趣的:(IntelliJ,IDEA,Tools)