Sublime Text在一行显示CSS和Javascript

Question

I'm facing a problem in Sublime Text where all my CSS & Javascript are displayed in a single line. So far I have no problem in displaying HTML.

Currently:

body,h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif}.bold.btn,.sbold.btn{letter-spacing:0}

I wish to display it in a structural form:

body,h1,h2,h3,h4,h5,h6{
     font-family:"Open Sans",sans-serif
}

.bold.btn,.sbold.btn{
     letter-spacing:0
}

I have searched through online but failed to find any solution. Any help will be greatly appreciated

Answer 1

You can use a beautifier plugin from https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify . This allows you to reformat text and also comment 'beautify ignore' can be used for ignoring the reformatting of text. In this way the css and javascript codes can be split into different lines and preferable reformatting of text can be done. More instructions about installing and usage of the plugin can be found in the above link.