chore: add VSCode configuration and guide

Author: Splaktar

.vscode/README.md

@@ -0,0 +1,22 @@
+# Visual Studio Code Configuration
+
+This folder contains opt-out [Workspace Settings](https://code.visualstudio.com/docs/getstarted/settings)
+and [Extension recommendations](https://code.visualstudio.com/docs/editor/extension-gallery#_workspace-recommended-extensions)
+that the Angular team recommends.
+
+## Installation
+
+To use the configuration follow the steps below:
+
+- To show the recommended extensions, select "Extensions: Show recommended extensions"
+  in the [Command Palette](https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette).
+- Install the recommended extensions of [extensions.json](extensions.json)
+- Restart the editor
+
+## Editing `.vscode/settings.json`
+
+If you want to add additional configuration items, please note that any configuration you
+add here will be used by many users.
+
+Try to restrict these settings to things that help ease the development process and
+avoid altering the user workflow whenever possible.

.vscode/extensions.json

@@ -0,0 +1,16 @@
+{
+  // See http://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
+  // Extension identifier format: ${publisher}.${name}. Example: firefox-devtools.vscode-firefox-debug
+
+  // List of extensions which should be recommended for users of this workspace.
+  "recommendations": [
+    "editorconfig.editorconfig",
+    "dbaeumer.vscode-eslint",
+    "christian-kohler.path-intellisense",
+    "eg2.vscode-npm-script",
+    "firefox-devtools.vscode-firefox-debug",
+    "dbaeumer.jshint",
+    "msjsdiag.debugger-for-chrome",
+    "pkief.material-icon-theme"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,32 @@
+{
+  "editor.tabCompletion": "on",
+  "files.eol": "\n",
+  "files.exclude": {
+    "**/.git": true,
+    "**/.DS_Store": true
+  },
+  // Exclude third-party modules and generated artifacts from watcher/editor searches.
+  "files.watcherExclude": {
+    "**/.git/objects/**": true,
+    "**/.git/subtree-cache/**": true,
+    "**/node_modules/**": true,
+    "**/dist/**": true
+  },
+  "search.exclude": {
+    "**/node_modules": true,
+    "**/bower_components": true,
+    "**/dist": true
+  },
+  "git.ignoreLimitWarning": true,
+  // Wrap attributes.
+  //  - auto: Wrap attributes only when line length is exceeded.
+  //  - force: Wrap each attribute except first.
+  //  - force-aligned: Wrap each attribute except first and keep aligned.
+  //  - force-expand-multiline: Wrap each attribute.
+  //  - aligned-multiple: Wrap when line length is exceeded, align attributes vertically.
+  //  - preserve: Preserve wrapping of attributes
+  //  - preserve-aligned: Preserve wrapping of attributes but align.
+  "html.format.wrapAttributes": "auto",
+  // Maximum amount of characters per line (0 = disable).
+  "html.format.wrapLineLength": 100
+}