diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index 30912f933..cc194f37c 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -18,7 +18,7 @@ It's welcomed to pull request, And there are some tips about that:
 
 - When in doubt, keep your pull requests small. To give a PR the best chance of getting accepted, don't bundle more than one feature or bug fix per pull request. It's always best to create two smaller PRs than one big one.
 
-- When adding new features or modifying existing, please attempt to include tests to confirm the new behaviour. 
+- When adding new features or modifying existing, please attempt to include tests to confirm the new behaviour.
 
 - Rebase before creating a PR to keep commit history clear.
 
@@ -37,3 +37,9 @@ npm run dev
 
 # open http://localhost:8080
 ```
+
+## Contribute from the browser with a single click
+
+You can use gitpod (A free online IDE) with a single click it will launch a ready to code workspace with dependencies pre-installed and the web server running so that you don't have to waste any time on the dev setup and start contributing straight away.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/youzan/vant)
diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 000000000..57492a83a
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,6 @@
+tasks:
+  - init: npm run bootstrap
+    command: npm run dev
+ports:
+  - port: 8080
+    onOpen: open-preview
diff --git a/build/webpack.site.dev.js b/build/webpack.site.dev.js
index 85d93759a..c097b13f1 100644
--- a/build/webpack.site.dev.js
+++ b/build/webpack.site.dev.js
@@ -12,7 +12,8 @@ module.exports = merge(config, {
     open: true,
     progress: true,
     host: '0.0.0.0',
-    stats: 'errors-only'
+    stats: 'errors-only',
+    disableHostCheck: true,
   },
   output: {
     path: path.join(__dirname, '../docs/dist'),