Sublime Text3 set different indents for different files

Sublime Text3 The default indentation in is universal 4 Placeholders

Take the front-end file as an example , Now in the mainstream specification Vue,HTML,JS,CSS And so on 2 A space placeholder , Can pass sublime text3 Set single file in the lower right corner , But each time you create a new file, you need to set it separately , This is more complicated , It's also inefficient

A more efficient way is to set the global settings directly , Such as setting HTML The file is indented as 2 A space

Step one

Open one html file

Step two

Sublime Text3 Select... From the top menu Preferences -> Settings - Syntax Specific, It's going to open up a HTML.sublime-settings file , The default configuration is empty

Step three

Set indent to 2 A space , Set separately tab-size ,translate_tabs_to_spaces Attribute is enough , Restart it Sublime Text3, This creates a new HTML The file is indented with two spaces by default .

{
 "tab_size": 2,
 "translate_tabs_to_spaces": true
}

Copy

The idea of setting other types of files is the same .