Differences

This shows you the differences between two versions of the page.

--- computer.setup [2024/04/04 08:04] – external edit 127.0.0.1
+++ computer.setup [2025/10/20 11:14] (current) – [Tools and Environments] ig_mb
@@ Line 29: / Line 29: @@
 ==== Tools and Environments ====
+=== Prettier ===
+Prettier is an opinionated code formatter. You can install it for vscode from the marketplace from https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode.
+Not all projects are setup to use prettier. Make sure to configure your vscode to only use prettier if there's a configuration file.
+{{:vscode-settings-prettier-require-config.png?400|}}
+You can setup a project to use prettier by creating a .prettierrc file with the following content.
+  {
+	"tabWidth": 4,
+	"useTabs": true,
+	"printWidth": 200,
+	"trailingComma": "all",
+	"singleQuote": false,
+	"bracketSpacing": true,
+	"semi": true,
+	"overrides": [
+		{
+			"files": "package.json",
+			"options": {
+				"useTabs": false,
+				"tabWidth": 2
+			}
+		}
+	]
+  }
 ==== Source and files repositories aka GIT ====