Skip to content

Boilerplate of a Vue project with Vue 2.5, Webpack 4, Typescript 3, Vuex-typex and tsx enabled

Notifications You must be signed in to change notification settings

jgrp/Vue-Typescript-Boilerplate

 
 

Repository files navigation

Vuex boilerplate

Vue logo

Installation

yarn

or

npm install

Change API url endpoint

go to ./environment

dev.env.js -> API_URL constant for development prod.env.js -> API_URL constant for production

Config

Webpack config in ./config

Developpment

yarn dev

A page will open on localhost:5000.

Build ~ 60s

Live reload, Hot Module Replacement and Vue devtools

yarn dev2

Same as dev but with Webpack-Dashboard

Extensions

  • For Vscode
    • Vetur
    • Prettier
    • Typescript
    • Eslint
    • Sass
  • SublimeText
    • Vue-syntax-highlight
    • Prettier
    • Eslint
    • Sass
  • WebStorm/PhpStorm/InteliJ
    • Vue
    • Prettier
    • Eslint

Get Vue devtools extension

Production

yarn prod
  • pm2
  • minified bundle size
  • uglified code
  • gzipped
  • chunks vendors
  • Vue production mode
  • drop console logs and comments
yarn prod2

Same as prod but with Nodemon

yarn build:prod

Regenerate the assets

About

Boilerplate of a Vue project with Vue 2.5, Webpack 4, Typescript 3, Vuex-typex and tsx enabled

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 50.7%
  • TypeScript 26.2%
  • JavaScript 17.8%
  • CSS 4.0%
  • HTML 1.3%