Software quick installation

• Windows: Windows Package Manager Client (winget) or Chocolatey.
• macOS: Homebrew.

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.

Web browser: Recommended extensions

• CSS Peeper (Chrome).
• VisBug (Chrome-Firefox-Safari-Edge).
• Web Developer (Chrome-Firefox-Opera).