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
Element, a Vue 2.0 based component library for developers
HTML Loader Module
Vue2-animate
Animate.css
License
MIT
Copyright (c) 2018, DeeMTe