VS Code Extensions and Their Uses

This readme file aims to provide CSCI315 - Web Application Development students some useful extensions to enhance the development experience for various programming tasks

Pylance

• Purpose: Pylance is a Microsoft-supported language server for Python in VS Code, providing fast, feature-rich language support.

Python

• Purpose: The Python extension offers enhanced support for editing Python code, including debugging, linting, IntelliSense, and more.

Split HTML Attributes

• Purpose: This extension allows splitting HTML attributes onto multiple lines, improving code readability in HTML files.

TODO Highlight

• Purpose: TODO Highlight helps to highlight TODO, FIXME, and other annotations within your code, making it easier to identify tasks or areas that require attention.

Material Icon Theme

• Purpose: Material Icon Theme provides colorful icons for files and folders in the Explorer sidebar, improving visual navigation in your project.

Path Intellisense

• Purpose: Path Intellisense autocompletes filenames and paths in your code, reducing errors and speeding up development when working with file references.

Prettier

• Purpose: Prettier is a code formatter that automatically formats your code to ensure consistency and readability across your project.

Live Server

• Purpose: Live Server launches a local development server with live reload capability, making it easy to preview and test web pages as you develop.

Image Preview

• Purpose: Image Preview allows you to preview images directly in the VS Code editor, facilitating visual inspection and manipulation of image assets.

Indent-Rainbow

• Purpose: Indent-Rainbow colorizes indentation levels in your code, helping to visualize code blocks and maintain proper indentation.

Color Highlight

• Purpose: Color Highlight provides inline previews of color values in your code, making it easier to identify and manipulate colors.

CSS Peek

• Purpose: CSS Peek enables peeking into CSS definitions directly from HTML or JavaScript files, enhancing CSS development workflows.

Dracula Official

• Purpose: Dracula Official is a popular dark theme for VS Code, providing a stylish and eye-friendly color scheme for coding.

ES7 React/Redux

• Purpose: ES7 React/Redux provides code snippets and shortcuts for faster development with React and Redux.

ES7 + React/Redux

• Purpose: This extension extends the ES7 React/Redux extension with additional features and enhancements.

Auto Rename Tag

• Purpose: Auto Rename Tag automatically renames paired HTML/XML tags, maintaining consistency and reducing manual effort when editing markup.

Better Comments

• Purpose: Better Comments enhances code comments with different styles and formatting options, improving readability and organization.

Bracket Pair Colorizer

• Purpose: Bracket Pair Colorizer colorizes matching brackets in your code, making it easier to identify and navigate code blocks.