Adds VsCode extensions and settings recommendations

.gitignore

@@ -116,7 +116,8 @@ tools/*
 *.iml
 
 # vscode IDE
-.vscode
+!.vscode
+.vscode/settings.json
 
 # Docker
 .db

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "mhutchie.git-graph",
+    "junstyle.php-cs-fixer",
+    "dbaeumer.vscode-eslint"
+  ]
+}

.vscode/settings.example.json

@@ -0,0 +1,23 @@
+{
+  "php-cs-fixer.executablePath": "/var/www/html/vendor/bin/php-cs-fixer",
+  "php-cs-fixer.ignorePHPVersion": true,
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[php]": {
+    "editor.defaultFormatter": "junstyle.php-cs-fixer"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "always"
+  },
+  "[twig]": {
+    "editor.formatOnSave": false,
+    "editor.formatOnPaste": false
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

README.md

@@ -31,7 +31,9 @@ We recommand an installation through docker.
 
 ### Linters & Formatters
 
-Please install relevant extension and enable auto formating on your editor. Or run `make lint` before commit
+Please install relevant extension and enable auto formating on your editor.
+
+Alternatly you can run `make lint`
 
 | Language                    | Linter/Formatter                                             |
 | --------------------------- | ------------------------------------------------------------ |
@@ -40,6 +42,8 @@ Please install relevant extension and enable auto formating on your editor. Or r
 | Twig                        | no automatic linter. Couldn't find one which is good enough. |
 | CSS, Yaml, JSON, Markdown.. | `prettier`                                                   |
 
+If you use VS Code, get yeswiki linting settings with `cp .vscode/settings.example.json .vscode/settings.json`
+
 ## History
 
 YesWiki grew out of a French language version of [WakkaWiki](https://en.wikipedia.org/wiki/WakkaWiki) called [Wikini](http://wikini.net), and hence has strong French language support.