Environment setup

CSS_Fundamentals-Environment.pdf

Software quick installation

Visual Studio Code: Recommended settings

  • Preferences > Text Editor > Rename on Type: On.
  • Preferences > Text Editor > Word Wrap: On.

Visual Studio Code: Recommended extensions

  • Advanced-new-file. Create files anywhere in your workspace from the keyboard.
  • CSS Peek. Allows peeking to CSS ID and class strings as definitions from HTML files to respective CSS.
  • eCSStractor for VSCode. Extracts class names from HTML and generates CSS stylesheet for following work.
  • HTML CSS Support. Class and ID completion. Supports remote CSS files.
  • htmltagwrap. Wraps selected code with HTML tags.
  • Live Server. Launch a development local Server with live reload feature for static & dynamic pages.