Chrome DevTools: Code Folding in CSS and JavaScript for improved code readability

Last updated: December 21, 2018
Code Folding in CSS and JavaScript for improved code readability

You can 'fold' code blocks in CSS (and Sass) and JavaScript files. This is useful for digesting large files. Code Folding can help with readability.

Code Folding works in the Sources Panel editor, and also the Network Panel Preview pane for applicable resources.

To enable Code folding, you can use any of the following options:

  • Enable Code folding in Settings > Preferences > Sources
  • Use the Command Palette and search for folding

Sign up to receive a developer tip, in the form of a gif, in your inbox each week