πŸ“¦ A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron)
JavaScript Vue CSS HTML
Clone or download
Latest commit 57cdad5 Dec 5, 2017
Vitre authored and egoist committed Dec 5, 2017 Update webpack.base.js (#153)
Word `root` typo fix

README.md

vuepack

VuePack is a modern Vue.js starter
which uses Vue 2, Vuex, Vue-router and Webpack 2.

Note

I highly recommend you to try Poi, you can develop Vue.js app with no-config until you need it. Less boilerplate code, more happiness ❀️

Here's the plan for VuePack 4.0, you can support my work by donating or joining the development.

Features

Check out the docs for more usages.

Get Started

You'd better have node >=4 and npm >=3 installed:

sao

This template can be used with sao, which also means you can use the template offline:

yarn global add sao
# from npm
sao vuepack new-project
# or git repo
sao egoist/vuepack new-project

vue-cli

$ npm install -g vue-cli
$ vue init egoist/vuepack new-project
$ cd new-project
$ npm install

# edit files and start developing
$ npm run dev
# bundle all scripts and styles for production use
$ npm run build

# lint your code
$ npm run lint

For Windows users

Install git with unix tools before getting started.

Folder Structure

If you did not enable Electron support, the dest folder is ./dist, otherwise it's ./app/dist.

./app folder only exists when you enabled Electron support.

β”œβ”€β”€ app             # the actual app you want to bundle with Electron
β”‚    β”œβ”€β”€ dist       # directory which contains all bundled files
β”‚    └── index.js   # entry file for Electron
β”œβ”€β”€ build           # webpack configs and other scripts
β”œβ”€β”€ client          # client-side app files
β”œβ”€β”€ dist            # bundled files and index.html
β”‚    β”œβ”€β”€ index.html
β”‚    └── [...other bundled files]  
β”œβ”€β”€ tests           # e2e tests written by testcafe 
β”œβ”€β”€ node_modules    # dependencies
└── package.json    # package info

Custom template

You want to customize the output of index.html, simply modify index.html, see more at html-webpack-plugin.

License

MIT Β© EGOIST