/only-vue-project

VueJS2 using Webpack and cli includes Sass

Primary LanguageCSS

Codacy Badge Waffle.io - Columns and their card count

First-vue

Stacks

  • IDE
    • WebStorm
  • VueJS 2(Vue-Cli)
    • Webpack
  • Vuex
  • Style
    • SCSS(Custom CSS)
    • ElementUI
    • BootStrap

Goal

  1. Understanding front-framework how to run with Vue Cli
  2. SPA
    1. CRUD Page
    1. Result Page
    • Paging & Search(filter) & Multiple List
    • Reusable Vue Components
  1. REST(Write once, Use anywhere)
  • Attaching with Backend RestFul Project With Boot, Django, Flask, Anythings.
  1. LifeCycle & API
  • Deep Dive Vue LifeCycle & API to use freely.
  1. Vuex
  • To manage event state
  1. TypeScript
  • Deep Dive Types & Decorators & Interface, etc.

PS. To understand Transition & Animation CSS3

Getting started process

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 detailed explanation on how things work, checkout the guide and docs for vue-loader.

Reference

  1. VueJS
  2. Vue Forum

Simple Component Image

  1. Item Component