initial commit

9 years ago · a9c194578d
3 changed files with 85 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,30 @@
+# vue-simple-boilerplate
+
+> The simplest possible Vue setup in a single HTML file
+
+### Before You Start...
+
+This boilerplate is targeted at beginners who want to start exploring Vue without the distraction of a complicated development environment.
+
+For advanced features such as asset compilation, hot-reload, lint-on-save, unit testing, and CSS extraction, we recommend that more experienced developers use one of the [other templates](https://github.com/vuejs-templates/).
+
+## Usage
+
+This is a project template for [vue-cli](https://github.com/vuejs/vue-cli).
+
+``` bash
+$ npm install -g vue-cli      # Install vue-cli if you haven't already
+$ vue init simple my-project  # Create a new project based on this template
+$ cd my-project               # Navigate into your new project folder
+
+$ npm install -g live-server  # Install live-server if you haven't already
+$ live-server                 # Run live-server and open it in your browser
+```
+
+### Fork It And Make Your Own
+
+You can [fork this repo](https://help.github.com/articles/fork-a-repo/) to create your own boilerplate, and use it with `vue-cli`:
+
+``` bash
+vue init username/repo my-project
+```
--- a/meta.json
+++ b/meta.json
@ -0,0 +1,3 @@
+{
+  "schema": {}
+}
--- a/template/index.html
+++ b/template/index.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Welcome to Vue</title>
+  <script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
+</head>
+<body>
+  <div id="app">
+    <img src="https://vuejs.org/images/logo.png" alt="Vue logo">
+    <h1>{{ greeting }}</h1>
+    <ul>
+      <li>
+        To learn more about Vue, visit
+        <a href="{{ docsURL }}" target="_blank">
+          {{ humanizeURL(docsURL) }}
+        </a>
+      </li>
+      <li>
+        For live help with simple questions, check out
+        <a href="{{ gitterURL }}" target="_blank">
+          the Gitter chat
+        </a>
+      </li>
+      <li>
+        For more complex questions, post to
+        <a href="{{ forumURL }}" target="_blank">
+          the forum
+        </a>
+      </li>
+    </ul>
+  </div>
+
+  <script>
+    new Vue({
+      el: '#app',
+      data: {
+        greeting: 'Welcome to your Vue.js app!',
+        docsURL: 'http://vuejs.org/guide/',
+        gitterURL: 'https://gitter.im/vuejs/vue',
+        forumURL: 'http://forum.vuejs.org/'
+      },
+      methods: {
+        humanizeURL: function (url) {
+          return url
+            .replace(/^https?:\/\//, '')
+            .replace(/\/$/, '')
+        }
+      }
+    })
+  </script>
+</body>
+</html>