Vue.js 101 initial tutorial commit

Author: Timothy Webb

.project

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>codemix-tutorials-public</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+	</buildSpec>
+	<natures>
+	</natures>
+</projectDescription>

README.md

@@ -1 +1,5 @@
-# codemix-tutorials
+# CodeMix Tutorials
+
+This repository contains a number of projects that can be imported into CodeMix 
+to try out various technologies. Most tutorials are tied back to a video on 
+YouTube where you can get more instructions and context!

vue.js/vue101-firstapp/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

vue.js/vue101-firstapp/.gitignore

@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

vue.js/vue101-firstapp/.project

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>vue101-firstapp</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+	</buildSpec>
+	<natures>
+	</natures>
+</projectDescription>

vue.js/vue101-firstapp/READFIRST.md

@@ -0,0 +1,17 @@
+# vue101-firstapp
+
+## Prerequisites
+
+- NodeJS ^8.9
+- npm ^5.6
+
+## Steps to Run inside CodeMix
+
+
+1. From the `Quick Open`  Command Palette (ctrl/cmd + shift + p) search for:
+     `Terminal: Create New Integrated Terminal`
+2. From the `Quick Open` options select this project.
+3. Once you are inside the Terminal, execute: `npm install`
+4. Finally to run this example run `npm run serve`
+5. Open your browser on http://localhost:8080
+6. To build run `npm run build` and generate HTML/CSS/JS minification.

vue.js/vue101-firstapp/README.md

@@ -0,0 +1,16 @@
+# vue101-firstapp - Star Wars People
+
+Starter Vue.js application, which uses the Star Wars API to display 
+a list of characters from the Star Wars Universe. Basic Material Design 
+using Vue Material.
+
+Developed with CodeMix!
+
+Please see [READFIRST.md](READFIRST.md) for installation and build instructions.
+
+# Links
+[CodeMix](https://www.genuitec.com/products/codemix/)
+[Vue in Eclipse](https://www.genuitec.com/tech/vue-in-eclipse/)
+[Vue.js](https://vuejs.org)
+[Vue Material](https://vuematerial.io/)
+[Star Wars API](https://swapi.co/)

vue.js/vue101-firstapp/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}