Basic Webpac App forms based on Vue JS2 (vue2-forms)

App based on Vue JS2

Read the documentation on the page carefully: VueJS Project

More details about Webpac you can find here: Webpack Project

1. Vue JS Environment Setup

# install vue-cli
$ npm install --global vue-cli
# create a new project using the "webpack" template (Project name is: vue2-forms)
$ vue init webpack vue2-forms
# then follow default instruction suggested by vue-cli installer - always confirm (Yes)

2. Project package implementation

# download repository package and unpack (overwrite) /vue2-forms/  directory content

3. Build Setup

# install dependencies with basic node modules
npm install

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

# build for production with minification  /dist/  directory
npm run build

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

# if build not working properly change assetsPublicPath: '/', to: './',

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

# !!! You shouldn't get any ERROR on UNIX operation system but if you notice some ERRORs on Windows generated by ESLINT module in terms of linebreak-style then use Eslint Tool to fix the problem - see below:
npm run lint -- --fix

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

Used additional modules - check docs here

An Eslint solutions if errors appears

How can I write a ESLint rule for “linebreak-style”

Fixing the linebreak-style eslint error for Windows

Element, a Vue 2.0 based component library for developers

ElementUI Library

HTML Loader Module

HTML Loader

Vue2-animate

GitHub Repo

Sass Loader

Examples

Animate.css

https://daneden.github.io/animate.css/

License

MIT

Copyright (c) 2018, DeeMTe