This is a simple VSCode extension that sets some default settings for the editor and prettier.
The extension will be activated automatically when it's installed. If it's not activated, you can manually activate it using the command Enable HTL VSCode Settings with ctrl + shift + p.
The extension sets the following settings:
editor.formatOnSave: Automatically formats code on save.editor.formatOnPaste: Automatically formats code when pasting.editor.wordWrap: Disables word wrapping.editor.tabSize: Sets the tab size to 2.editor.detectIndentation: Disables automatic indentation detection.editor.minimap.enabled: Disables the minimap.editor.occurrencesHighlight: Disables occurrences highlight.editor.quickSuggestions: Enables suggestions for strings.editor.guides.bracketPairs: Shows bracket pair guides.editor.cursorStyle: Sets the cursor style to line.editor.cursorWidth: Sets the cursor width to 2.editor.cursorBlinking: Sets the cursor blinking to blink.editor.fontWeight: Sets the font weight to 400.editor.mouseWheelZoom: Enables mouse wheel zoom.editor.renderWhitespace: Disables rendering of whitespace characters.editor.suggestSelection: Sets the suggestion selection to first.editor.guides.indentation: Disables indentation guides.editor.defaultFormatter: Sets the default formatter to esbenp.prettier-vscode.editor.linkedEditing: Auto renaming HTML tagseditor.codeActionsOnSave: Automatically organizes imports on save.workbench.iconTheme: Sets the icon theme to material-icon-theme.
files.autoSave: Sets auto save to "afterDelay".emmet settings:emmet.showSuggestionsAsSnippets: Shows emmet suggestions as snippets.emmet.includeLanguages: Includes emmet for plaintext with HTML.
volar.inlayHints.eventArgumentInInlineHandlers: Disables inlay hints for event arguments in inline handlers.
html.autoClosingTags: Automatically closes HTML tags.
javascript.autoClosingTags:Automatically closes JavaScript tags.javascript.suggest.autoImports: Enables automatic imports suggestions.javascript.updateImportsOnFileMove.enabled: Automatically updates imports when files are moved.
typescript.autoClosingTags: Automatically closes TypeScript tags.typescript.suggest.autoImports: Enables automatic imports suggestions.typescript.updateImportsOnFileMove.enabled: Automatically updates imports when files are moved.
prettier.singleQuote: Sets single quotes as the default quote style for Prettier.prettier.bracketSpacing: Enables bracket spacing for Prettier.prettier.trailingComma: Sets trailing commas to "all" for Prettier.prettier.printWidth: Sets the print width to 100 for Prettier.prettier.endOfLine: Sets the end of line character to auto for Prettier.prettier.arrowParens: Sets arrow parens to always for Prettier.prettier.jsxSingleQuote: Sets single quotes as the default quote style for JSX in Prettier.prettier.useEditorConfig: Disables the use of EditorConfig for Prettier.
This extension requires VSCode version 1.67.1 or higher.
Enjoy!