[code-infra] Polish VS Code DX (#1238)

Signed-off-by: Olivier Tassinari <[email protected]>
Co-authored-by: Michał Dudak <[email protected]>

Author: oliviertassinari

.editorconfig

@@ -3,14 +3,9 @@
 # top-most EditorConfig file
 root = true
 
-[*.md]
-trim_trailing_whitespace = false
-
-[*.js]
-trim_trailing_whitespace = true
-
 # Unix-style newlines with a newline ending every file
 [*]
+trim_trailing_whitespace = true
 indent_style = space
 indent_size = 2
 end_of_line = lf

.gitignore

@@ -4,9 +4,6 @@
 .idea
 # IntelliJ IDEA module file
 *.iml
-.vscode/*
-!.vscode/launch.json
-!.vscode/extensions.json
 *.log
 *.tsbuildinfo
 /.eslintcache

.vscode/extensions.json

@@ -1,10 +1,18 @@
 {
   "recommendations": [
-    "davidanson.vscode-markdownlint",
-    "dbaeumer.vscode-eslint",
-    "editorconfig.editorconfig",
-    "esbenp.prettier-vscode",
-    "unifiedjs.vscode-mdx",
-    "yoavbls.pretty-ts-errors"
+    // Formating
+    "esbenp.prettier-vscode", // Prettier
+    "editorconfig.editorconfig", // EditorConfig
+
+    // Highlighting
+    "bradlc.vscode-tailwindcss", // Tailwind CSS
+    "unifiedjs.vscode-mdx", // MDX
+    "styled-components.vscode-styled-components", // styled()
+
+    // Lint
+    "dbaeumer.vscode-eslint", // ESLint
+    "yoavbls.pretty-ts-errors", // TypeScript
+    "stylelint.vscode-stylelint", // Stylelint
+    "davidanson.vscode-markdownlint" // markdownlint
   ]
 }

.vscode/launch.json

@@ -0,0 +1,12 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "files.trimTrailingWhitespace": true,
+
+  // Root workspace only
+  "grammarly.selectors": [
+    {
+      "language": "markdown",
+      "scheme": "file"
+    }
+  ]
+}