[docs] Vue.js in Gitpod (#489)

src/docs/languages-and-frameworks.md

@@ -9,6 +9,7 @@ Below is a list of language and framework specific tips & tricks.
   * [Bash](/docs/bash-in-gitpod/)
   * [Ruby](/docs/ruby-in-gitpod)
   * [PHP](/docs/php-in-gitpod)
+  * [Vue.js](/docs/vue-in-gitpod)
   * [Rust](/docs/rust-in-gitpod/)
   * [Julia](/docs/julia-in-gitpod/)
   * [R](/docs/r-in-gitpod/)

src/docs/menu.ts

@@ -116,6 +116,10 @@ export const MENU: MenuEntry[] = [
                 "PHP",
                 "php-in-gitpod"
             ),
+            M(
+                "Vue.js",
+                "vue-in-gitpod"
+            ),
             M(
                 "Rust",
                 "rust-in-gitpod"

src/docs/vue-in-gitpod.md

@@ -0,0 +1,47 @@
+# Vue.js in Gitpod
+
+In order to work with Vue.js in Gitpod, you will need to properly configure your repository. Here is how to do it.
+
+## Examples
+
+However, before we begin here are a few example repositories to help give you an idea of what to expect
+
+<div class="table-container">
+
+| Repository | Description | Try it |
+|------------|-------------|--------|
+|[vuepress](https://github.com/vuejs/vuepress)|Minimalistic Vue-powered static site generator| [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vuejs/vuepress)|
+|[postwoman](https://github.com/liyasthomas/postwoman)|A free, fast and beautiful API request builder (web alternative to Postman)|[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/liyasthomas/postwoman)|
+
+</div>
+
+## Vue-CLI
+
+To install the Vue.js command line interface in your current workspace run the following
+```bash
+npm i -g vue-cli
+```
+
+To install globally across all workspaces add the following to your [`.gitpod.Dockerfile`](https://www.gitpod.io/docs/config-docker/)
+```Dockerfile
+RUN npm i -g vue-cli
+```
+> Please note: If you don't already have one please run [`gp init`](https://www.gitpod.io/docs/command-line-interface/#init) which should generate two files [`.gitpod.yml`](https://www.gitpod.io/docs/config-gitpod-file/) and [`.gitpod.Dockerfile`](https://www.gitpod.io/docs/config-docker/)
+
+## VSCode Extensions 
+
+### Vetur
+
+![Vetur extension](images/Vetur.png)
+
+Vetur provides syntax highlighting, snippets, Emmet support, linting/error checking, auto formatting, and auto-complete for Vue files.
+
+To add this extension to your repository add the following to your [`.gitpod.yml`](https://www.gitpod.io/docs/config-gitpod-file/) 
+
+```yaml
+vscode:
+  extensions:
+    - [email protected]:TEzauMObB6f3i2JqlvrOpA==
+```
+
+For projects that already have a [`.gitpod.yml`](https://www.gitpod.io/docs/config-gitpod-file/) you can skip the first part and just add the provided snippet.