paulodsn/vue-simple-boilerplate

Simple boilerplate :slightly_smiling_face:

Vue simple boilerplate

This project has a unique purpose: turn simple starting a project with Vue.js

Features

• SASS
• Vue Router

Project stucture

• config
• static
• src
  • assets
  • components
  • layouts
  • router
  • scss
  • views
  • App.vue
  • main.js

config

Where we keep configurations of webpack

static

Pure static assets (directly copied)

src

Source folder

assets

Where we keep images, fonts and others media stuff.

PS: This folder will be processed by webpack

components

Shared components folder

layouts

Where we keep all layouts used in project

• header, footer components and main layout wrapper

router

Router instance and routing declaration

• index - router initialization.

scss

Global style folder (partials, variables, mixins, reset)

views

Page folders (components that are routed)

App.vue

Main app component

main.js

Root app initialization file.

Project setup

# clone repo
git clone https://github.com/paulodsn/vue-simple-boilerplate.git

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Repos that can help

• https://github.com/FortAwesome/vue-fontawesome
• https://github.com/bootstrap-vue/bootstrap-vue