This page provides a brief overview of the extensions available for the HTML Integrations project.
Whe recommend the following extensions:
- Linters
- Formatters
- Comments - Commits - Text
- Utilities
- GitHub
ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs.
We decided to use ESLint as the default linter for the project. You can find the configuration in the .eslintrc file. It is extended by prettier to avoid conflicts between the two tools.
SonarLint is an IDE extension that helps you detect and fix quality issues as you write code. Like a spell checker, SonarLint squiggles flaws so they can be fixed before committing code.
Markdownlint is a Visual Studio Code extension that includes a library of rules to encourage standards and consistency for Markdown files.
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
We decided to use Prettier as the default formatter for the project. You can find the configuration in the .prettierrc file.
Better Comments will help you create more human-friendly comments in your code.
Conventional Commits is a Visual Studio Code extension that helps you write conventional commits.
Code Spell Checker is a Visual Studio Code extension that checks your spelling and grammar.
ErrorLens enhances the highlighting of the language's grammar, with color highlighting for the variable under the cursor.
Console Ninja is a Visual Studio Code extension that helps you to navigate through console.log output.
This extension is useful when you have a lot of console.log statements in your code and you want to navigate through them quickly.
We recommend deactivating this extension when you are not using it, as it can slow down the editor. You can do this by clicking on the extension icon in the status bar and selecting "Disable / Pause".
Docker is a Visual Studio Code extension that makes it easy to build, manage, and deploy containerized applications.
Live Share is a Visual Studio Code extension that enables real-time collaboration between developers.
IntelliCode is a Visual Studio Code extension that provides AI-assisted development features.
Thunder Client is a REST client extension for Visual Studio Code.
GitLens is a Visual Studio Code extension that helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
GitHub Actions is a Visual Studio Code extension that helps you to work with GitHub Actions.