vscode debug instructions

Author: mikes-gh

Diff for: .github/CONTRIBUTING.md

@@ -15,7 +15,7 @@ If you'd like to see a certain feature in flatpickr, file an issue first with re
 
 While a lot of feature requests often don't make it to the core, they can be implemented as [plugins](https://github.com/chmln/flatpickr/tree/master/src/plugins).
 
-### How to submit a pull requests
+### How to submit a pull request
 
 1. Fork the repository.
 2. Setup the necessary dependencies by running `npm install`. 
@@ -24,6 +24,30 @@ While a lot of feature requests often don't make it to the core, they can be imp
 5. Make desired changes and push.
 6. Go to https://github.com/flatpickr/flatpickr/compare?expand=1
 
+### How to debug in vscode
+
+1. Setup a local repo as above (How to submit a pull request).
+2. Install the [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
+3. Add the following configuration to `${workspaceFolder}/.vscode/launch.json`
+```
+{
+    "version": "0.1.0",
+    "configurations": [
+        {
+            "name": "Launch Flatpickr Quick Start",
+            "type": "chrome",
+            "request": "launch",
+            "url": "http://localhost:8000/index.html",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
+```
+4. Make sure the development server is started `npm start`
+5. Set your desired breakpoints in the typescipt source files.
+6. Click on the debug symbol on the actions bar.
+7. Click on the play button to start the debug session in a new Chrome browser window.
+
 ## License
 
 By submitting a contribution to this project, you agree to allow the project

Diff for: .gitignore

@@ -6,3 +6,4 @@ dist
 
 yarn.lock
 pnpm-lock.yaml
+.vscode/*