Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mstaack/vuejs-uikit-starter
Quick Starter for Uikit 3 & VueJs
https://github.com/mstaack/vuejs-uikit-starter
uikit3 vuejs
Last synced: 3 months ago
JSON representation
Quick Starter for Uikit 3 & VueJs
- Host: GitHub
- URL: https://github.com/mstaack/vuejs-uikit-starter
- Owner: mstaack
- Archived: true
- Created: 2017-10-20T15:01:30.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-03T09:00:12.000Z (over 6 years ago)
- Last Synced: 2024-05-22T13:32:36.776Z (6 months ago)
- Topics: uikit3, vuejs
- Language: JavaScript
- Homepage:
- Size: 28.3 KB
- Stars: 48
- Watchers: 4
- Forks: 10
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vuejs-uikit-starter
> A Vue.js project starter with [UIkit 3](https://getuikit.com)
## Build Setup
``` bash
# clone repository
git clone [email protected]:mstaack/vuejs-uikit-starter.git
# install dependencies inside of the cloned repository
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
```
The development server will run on port 8080 by default. If that port is already in use on your machine, the next free port will be used.
## What's Included
- `npm run dev`: first-in-class development experience.
- Webpack + `vue-loader` for single file Vue components.
- State preserving hot-reload
- State preserving compilation error overlay
- Lint-on-save with ESLint
- Source maps
- `npm run build`: Production ready build.
- JavaScript minified with [UglifyJS](https://github.com/mishoo/UglifyJS2).
- HTML minified with [html-minifier](https://github.com/kangax/html-minifier).
- CSS across all components extracted into a single file and minified with [cssnano](https://github.com/ben-eb/cssnano).
- Static assets compiled with version hashes for efficient long-term caching, and an auto-generated production `index.html` with proper URLs to these generated assets.
- Use `npm run build --report`to build with bundle size analytics.
- `npm run unit`: Unit tests run in PhantomJS with [Karma](http://karma-runner.github.io/0.13/index.html) + [Mocha](http://mochajs.org/) + [karma-webpack](https://github.com/webpack/karma-webpack).
- Supports ES2015+ in test files.
- Supports all webpack loaders.
- Easy mock injection.
- `npm run e2e`: End-to-end tests with [Nightwatch](http://nightwatchjs.org/).
- Run tests in multiple browsers in parallel.
- Works with one command out of the box:
- Selenium and chromedriver dependencies automatically handled.
- Automatically spawns the Selenium server.
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).