From 8a4f9a0c67463744b986127cea704a9befb73fcc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Piotr=20Ole=C5=9B?= <piotrek.oles@gmail.com>
Date: Tue, 26 May 2020 21:37:15 +0200
Subject: [PATCH] docs: add vscode-tasks example
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ Closes: #269
---
 examples/vscode-tasks/.vscode/tasks.json | 27 ++++++++++++++++++++++++
 examples/vscode-tasks/README.md          |  7 ++++++
 2 files changed, 34 insertions(+)
 create mode 100644 examples/vscode-tasks/.vscode/tasks.json
 create mode 100644 examples/vscode-tasks/README.md

diff --git a/examples/vscode-tasks/.vscode/tasks.json b/examples/vscode-tasks/.vscode/tasks.json
new file mode 100644
index 00000000..fd215ebb
--- /dev/null
+++ b/examples/vscode-tasks/.vscode/tasks.json
@@ -0,0 +1,27 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "build",
+      "group": "build",
+      "problemMatcher": ["$ts-checker5-webpack", "$ts-checker5-eslint-webpack"]
+    },
+    {
+      "type": "npm",
+      "script": "lint",
+      "group": "build",
+      "problemMatcher": ["$eslint-stylish"]
+    },
+    {
+      "type": "npm",
+      "script": "watch",
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      },
+      "isBackground": true,
+      "problemMatcher": ["$ts-checker5-webpack-watch", "$ts-checker5-eslint-webpack-watch"]
+    }
+  ]
+}
diff --git a/examples/vscode-tasks/README.md b/examples/vscode-tasks/README.md
new file mode 100644
index 00000000..f656dec5
--- /dev/null
+++ b/examples/vscode-tasks/README.md
@@ -0,0 +1,7 @@
+## VS Code Configuration Example
+
+This example defines `.vscode/tasks.json` file which instructs **VS Code** how to extract errors from the webpack's output
+to display them in the **Problems** tab. It uses [TypeScript + Webpack Problem Matchers](https://marketplace.visualstudio.com/items?itemName=eamodio.tsl-problem-matcher) 
+provided by @eamodio :heart:
+
+> Tip: You can use the npm type tasks even with yarn if you set "npm.packageManager": "yarn" in your VS Code settings