/vue-material-boilerplate-penguin

A Vue.js + Material Design boilerplate for frontend (Penguin Edition)

Primary LanguageVueMIT LicenseMIT

Vue.js + Material Design Boilerplate "Penguin Edition"

Created by Daniel Gacitua

This is a boilerplate template based on Vue.js 2.x with Material Design for starting frontend projects. It uses ECMAScript 6 standard for Javascript.

This template uses the following technologies:

  • JavaScript with ECMAScript 6 standard
  • Webpack 2.6.1
  • Vue 2.3.3
  • Vue-Router 2.7.0
  • Vue-Material 0.7.4

Minimum requirements

Installation steps described below are for Ubuntu 16.04:

  • Node.js 4.x (or higher)

    curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs

Install and usage instructions

  • Download this template as ZIP (either from Releases or master branch)
  • Enter to the template's directory and edit your project name, author and license in package.json
  • Run npm install to install all NPM dependencies
  • Run npm run serve to enable developer mode with browser live reload
  • Run npm run build to package your project as a static web application (copy index.html and the dist folder on project's root directory for deploy on your server)
  • To install a production NPM package, run npm install --save <mypackage>
  • To install a development NPM package, run npm install --save-dev <mypackage>

File structure

vue-material-boilerplate-penguin/
├── app/
│   ├── modules/
│   │    └── services.js
│   ├── services/
│   │    ├── date.js
│   │    └── randomNumber.js
│   ├── templates/
│   │    ├── About.vue
│   │    ├── App.vue
│   │    ├── Home.vue
│   │    ├── Navbar.vue
│   │    ├── NotFound.vue
│   │    └── Services.vue
│   └── main.js
├── .babelrc
├── .gitignore
├── index.html
├── package.json
├── README.md
└── webpack.config.js

License

MIT