Chrome Dev Tools: Code Folding in CSS and Javascript for improved code readiability

时间：2023-03-09 02:08:27
Chrome Dev Tools: Code Folding in CSS and Javascript for improved code readiability

Note : Apply for google chrome canary.

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.

Enable code folding

  • Settings > Preferences > sources
  • Command ctrl + shift + p and search for folding

Folding blocks

References

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