Observatory3_vue

A Vue.js project

Core skills:

HTML
CSS
JAVAScript

Prerequisites:

[Git](https://git-scm.com/) (practice it [here](https://try.github.io/levels/1/challenges/1))
[Node.js and npm](https://nodejs.org/) Node ^4.2.3, npm ^2.14.7 (nodejs-legacy for debian-based distributions)
Text Editor - Sublime Text, Atom, or VSCode would be ideal

Text Exitor Configuration

• Install EditorConfig plugin
• Install Vue.js syntax highlight plugin

Vue.js + Vuex Debugger

The Vue.js devtools Chrome extension is extrodinarily helpful, particularly for debugging Vuex state changes.

Commandline:

Run npm “npm start" to start observatory-client

Once everything is up and running, start developing! DON’T forget to commit frequently on your personal fork. If you are not familiar with git, read prerequisite above about git.

Understanding Vue:

Knowing the basics of JavaScript
Vue basics (components, props, class/style binding)
Vue router to add functionality
Overview of how vueX  works (comparable to Redux)
Bootstrap4, particularly containers/components

Developer Procedure:

Learn basic HTML,CSS, Javascript, and git:
Lynda.com, codecademy, hackerrank
Setup dev environment
Check on github if there is any issue that are assigned to you.
Pull request from the upstream and commit.
Work on the issue that are assigned. If there aren’t any, assign some issues that you want to work on to yourself.
Push request after working on the issue to YOUR repository!!! Not upstream!
Once your repo is ready to merge with the upstream. Talk with team manager and get it confirmed.
Repeat 3~7.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.