Use prettier as FE code formatter (#637)

* Use prettier as FE code formatter

* .vscode dir commit extensions and settings , ignore other files

.gitignore

@@ -131,6 +131,12 @@ lyrebird/client/static/
 data/
 tmp/
 
-.vscode/
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+
 .pytest_cache/
 output/
+
+.mysettings/*
+!.mysettings/setting1.json

.vscode/extensions.json

@@ -0,0 +1,16 @@
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
+  // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
+
+  // List of extensions which should be recommended for users of this workspace.
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "waderyan.nodejs-extension-pack",
+    "ms-python.python",
+    "ms-python.vscode-pylance",
+    "octref.vetur",
+    "VisualStudioExptTeam.vscodeintellicode"
+  ],
+  // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
+  "unwantedRecommendations": []
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}