Awesome
Vue.js starter template
<p align="center"> <img src="src/assets/images/logo.png" height="100" /> </p>A bare-bones starter-template to get your hands dirty with awesome Vue.js library.
Built with:
- Vue.js 2
- Vue Router 2
- Axios
- Animate.css
- Babel
- Bootstrap 4
- BrowserSync
- ESLint
- Font Awesome
- JSONPlaceholder
- SASS
- Webpack 2
- Yarn
- ...and many more
Getting started
- Be sure you have Yarn installed globally.
- Clone the repo & run
yarnfrom the project root
Single File Components
See instructions for example usage of single file components.
Available commands
yarn start
Runs the Webpack module-bundler, starts watching for changes & launches the BrowserSync server to http://localhost:3000 (it's possible to change the port from package.json config-section). Uses Webpack Dashboard
Note! Webpack handles all the reloading stuff while BrowserSync just proxies the default webpack-port (8080) giving the possibility to connect to dev-server from multiple devices:
yarn lint:js
Lints javascript-files inside /src directory
yarn build
Runs the webpack module-bundler with production-settings (compress etc.) and builds the project to /build directory.
Demo
Navigate to https://vue-starter.ville.io/ and see the awesomeness IRL :bowtie: