docs: configure automated development environments (#313)

.gitpod.yml

@@ -0,0 +1,22 @@
+# List the start up tasks. Learn more https://www.gitpod.io/docs/config-start-tasks/
+tasks:
+  - before: npm i -g pnpm
+    init: |
+      pnpm install
+      pnpm build
+    command: pnpm demo:dev
+
+# List the ports to expose. Learn more https://www.gitpod.io/docs/config-ports/
+ports:
+  - port: 3030
+    onOpen: open-preview
+
+# List the VS Code extensions to install. Learn more https://www.gitpod.io/docs/vscode-extensions/
+vscode:
+  extensions:
+    - "antfu.vite"
+    - "johnsoncodehk.volar"
+    - "antfu.iconify"
+    - "dbaeumer.vscode-eslint"
+    - "voorjaar.windicss-intellisense"
+    - "csstools.postcss"

CONTRIBUTING.md

@@ -6,7 +6,13 @@ Excited to hear that you are interested in contributing to this project! Thanks!
 
 Documentations are now moved to [`slidevjs/docs`](https://github.com/slidevjs/docs) repo.
 
-## Setup
+## Setup (in your browser)
+
+You can contribute through a development environment in your browser by clicking the following button:
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/slidevjs/slidev)
+
+## Setup (locally)
 
 This project uses [`pnpm`](https://pnpm.io/) to manage the dependencies, install it if you haven't via