darocha/vue.js-starter-template

A starter template for Vue.js projects

Vue.js starter template

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

1. Be sure you have Yarn installed globally.
2. Clone the repo & run yarn from 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 validate:dev

Validates Webpack development configuration (useful if you add plugins / loaders)

yarn validate:prod

Validates Webpack production configuration (useful if you add plugins / loaders)

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