Vue Preboot

A Vue boilerplate, which has a lot of features and is driven by great spirit.

Features

The boilerplate is opinionated, and nudges devs to do certain things

• Fluffy (SSR + Hot Module Reload)
• Webpack 💓 4.0.0
• TypeScript
• @types
• TsLint
• PostCss + Autoprefixer
• Jest
• Docker
• Prettier
• Puppeteer
• TypeStyle
• Vuex
• Vue.js Router
• Element
• Offline Support (PWA)

Quick Start

We support Node.js >= 6.9.1, NPM >= 3.x Yarn If you downgrade to protractor@4.9.x you could run the boilerplate in Node > 4.7.x We recommend and support Visual Studio Code We recommend to use NVM to manage your Node.js version and dependencies We highly recommend to use

# clone the repo
# --depth 1 removes all but one .git commit history
git clone --depth 1 https://github.com/katallaxie/vue-preboot.git

# change to repo folder
cd vue-preboot

# install the repo with npm, or yarn
npm install

# start the webpack-dev-server
npm start

# if you're in China use cnpm
# https://github.com/cnpm/cnpm

You can run npm run help to see all available scripts

Open http://0.0.0.0:3000 or http://localhost:3000 in your favorite Browser.

Build and run the SSR

# builds the prod version of the client and the needed SSR bundle
npm run build:docker

# runs the server `npm run server`
docker run -p 8080:80 -t vue-preboot

Testing is import for quality products

We have Jest and Protractor in place

# run your unit tests
npm run tests

# or develop with unit tests in the loop
npm run watch:test

License

MIT