https://github.com/parys-github/vue2-forms
Webpac and Vue JS2 Form Validation
https://github.com/parys-github/vue2-forms
jscript scss vuejs2 webpack
Last synced: 6 months ago
JSON representation
Webpac and Vue JS2 Form Validation
- Host: GitHub
- URL: https://github.com/parys-github/vue2-forms
- Owner: parys-github
- License: mit
- Created: 2018-05-27T07:49:22.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2025-06-18T11:25:40.000Z (7 months ago)
- Last Synced: 2025-06-18T12:36:54.038Z (7 months ago)
- Topics: jscript, scss, vuejs2, webpack
- Language: Vue
- Size: 3.29 MB
- Stars: 5
- Watchers: 3
- Forks: 0
- Open Issues: 32
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue2-forms
Webpac and Vue JS2 Form Validation
### App based on Vue JS2
> Read the documentation on the page carefully: [VueJS Project](https://vuejs.org/)
> More details about Webpac you can find here: [Webpack Project](http://vuejs-templates.github.io/webpack/)
## 1. Vue JS Environment Setup
```bash
# 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
```bash
# download repository package and unpack (overwrite) /vue2-forms/ directory content
```
## 3. Build Setup
```bash
# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
## Used additional modules - check docs here
##### An Eslint solutions if errors appears
> [How can I write a ESLint rule for “linebreak-style”](https://stackoverflow.com/questions/39114446/how-can-i-write-a-eslint-rule-for-linebreak-style-changing-depending-on-windo/39122799)
> [Fixing the linebreak-style eslint error for Windows](https://github.com/diegohaz/arc/issues/171)
##### Element, a Vue 2.0 based component library for developers
> [ElementUI Library](http://element-cn.eleme.io/#/en-US)
##### HTML Loader Module
> [HTML Loader](https://www.npmjs.com/package/html-loader)
##### Vue2-animate
> [GitHub Repo](https://github.com/asika32764/vue2-animate)
> [Sass Loader](https://www.npmjs.com/package/sass-loader)
> [Examples](https://the-allstars.com/vue2-animate/)
##### Animate.css
> [https://daneden.github.io/animate.css/](https://daneden.github.io/animate.css/)