Meet npm Pro: unlimited public & private packages + package-based permissions.Learn more »

vue-quick-template

1.0.7 • Public • Published

vue-quick-template

Vue.JS quick template with all for quick and handy start:

  • Mobile-first designed components/pages: Login, Simple CRUD, Navbar, Sidebar, ...
  • Progressive Web Application (PWA) ready (see all capable of PWA compared to Natives: https://whatwebcando.today/),
  • Very detail comments about all things (Readable code)
  • Preconfigured intergration with CircleCI, Codecov, Travis-CI (with pre-running-configures). Right now this repo is using Travis but Circle CI is also preconfigured.
  • Preconfigured scripts to deploy on github.io and surge.sh. Modified register service to fix error: The path of the provided scope ('/') is not under the max scope allowed ('/vue-quick-template/'). Adjust the scope, move the Service Worker script, or use the Service-Worker-Allowed HTTP header to allow the scope. for domains like: loitd.github.io/vue-quick-template to make sure register service worker successfully.
  • Full of pluggins available by default With additional pluggins beside common ones (babel, webpack)
    • vue@cli version 3.4
    • vuex,
    • vue-router,
    • @babel/preset-env (version 7) fixed some troubles from default preset 6 or preset 2015
    • bootstrap-vue for Bootstrap 4,
    • preconfigued fontawesome for FontAwesome 5,
    • octicons v5.0.1 replacement fro FontAwesome 5 for a lightweight product. Added and configured, just use it.
    • sass-loader,
    • chartjs,
    • Unit test with jest with test coverage, E2E test with nightwatch,

Status

Package Quality Build Status CircleCI codecov

Use Guide

Bootstrap-vue

  • Add new demanded component into src/plugins/bootstrap-vue.js
  • Using components as described in this document: Bootstrap-vue documents

Octicons

  • Add/remove and reconfigure Octicons in src/plugins/octicons.js

Demos

  • Local Demo:
git clone https://github.com/loitd/vue-quick-template
npm install -g serve
cd vue-quick-template
# -s flag means serve it in Single-Page Application mode 
# which deals with the routing problem below 
serve -s dist

Git related

To pull from github to local

git pull origin master --allow-unrelated-histories

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Run your end-to-end tests

yarn run test:e2e

Run your unit tests

yarn run test:unit

Customize configuration

See Configuration Reference.

Author

Install

npm i vue-quick-template

DownloadsWeekly Downloads

5

Version

1.0.7

License

CC BY-NC-SA 4.0

Unpacked Size

721 kB

Total Files

58

Homepage

oraerr.com

Last publish

Collaborators

  • avatar