https://github.com/villeristi/vue.js-starter-template

A starter template for Vue.js projects
https://github.com/villeristi/vue.js-starter-template

babel es6 starter-template vue webpack yarn

Last synced: 2 days ago
JSON representation

A starter template for Vue.js projects

• Host: GitHub
• URL: https://github.com/villeristi/vue.js-starter-template
• Owner: villeristi
• License: mit
• Created: 2016-07-12T20:41:50.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-15T18:29:20.000Z (almost 7 years ago)
• Last Synced: 2025-01-01T19:09:34.962Z (9 days ago)
• Topics: babel, es6, starter-template, vue, webpack, yarn
• Language: JavaScript
• Homepage: https://vue-starter.ville.io/
• Size: 312 KB
• Stars: 263
• Watchers: 15
• Forks: 67
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue.js starter template



  



A bare-bones starter-template to get your hands dirty with awesome [Vue.js](https://github.com/vuejs/vue) library.

Built with:

* [Vue.js 2](https://github.com/vuejs/vue)

* [Vue Router 2](https://github.com/vuejs/vue-router)

* [Axios](https://github.com/mzabriskie/axios)

* [Animate.css](https://github.com/daneden/animate.css)

* [Babel](https://babeljs.io/)

* [Bootstrap 4](https://v4-alpha.getbootstrap.com/)

* [BrowserSync](https://www.browsersync.io/)

* [ESLint](http://eslint.org/)

* [Font Awesome](http://fontawesome.io/)

* [JSONPlaceholder](http://jsonplaceholder.typicode.com/)

* [SASS](http://sass-lang.com/)

* [Webpack 2](https://webpack.js.org/)

* [Yarn](https://yarnpkg.com/en/docs/install)

* ...and many more

## Getting started

1. Be sure you have [Yarn](https://yarnpkg.com/en/docs/install) installed globally.

2. Clone the repo & run `yarn` from the project root

## Single File Components

See [instructions](docs/single-file-components.md) for example usage of [single file components](https://vuejs.org/v2/guide/single-file-components.html).

## Available commands

```sh

yarn start

```

Runs the Webpack module-bundler, starts watching for changes & launches the BrowserSync server to [http://localhost:3000](http://localhost:3000) (it's possible to change the port from `package.json` config-section). Uses [Webpack Dashboard](https://github.com/FormidableLabs/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:

![BrowserSync](.github/browsersync.png)

```sh

yarn lint:js

```

Lints javascript-files inside `/src` directory

```sh

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/](https://vue-starter.ville.io/) and see the awesomeness IRL :bowtie: