WDD 230: Web Frontend Development I

Setup: Development Environment

Writing and Editing Code: Visual Studio Code

The purpose of this setup activity is to install a free, open source, code editor that supports customized code writing, editing, and management on Windows, macOS, and Linux. More than likely, you have been working with Visual Studio Code in previous coursework. VS Code is a lightweight, powerful, and flexible source code editor that is popular in the software development industry due to its ease of use, versatility, and community-driven development.

Instructions

1. Install the code editor if you do not already have it installed: Visual Studio Code.

   If you already have VS Code installed, make sure it is up to date. In VS Code, go to Help - Check For Updates.

2. Add the Live Server extension in VS Code in order to support local, offline testing of your builds in the browser.
3. Formatting code, such as using proper indentation, is important for human readability during development.
   Use the built-in formatter or an equivalent extension.
4. Customize your VS Code installation:
   • Format code on save
   • Select an editor theme
   • Auto updating tags
5. Learn to use User Snippets and Emmet Shorthand coding to improve your development workflow.