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
- Vue 2 / Vue-router / Vuex
- Hot reloading for single-file components
- Split vendor code from your app
- Webpack 2 (an update to Webpack 4 will be very soon)
- Offline Ready, perfect for progressive web app
- Babel 6
- JSX components are supported by default
- TestCafe (optional)
- Electron support (optional)
- CSS modules (optional)
- A boilerplate which is small and focusing on client-side apps
Check out the docs for more usages.
You'd better have
node >=10 and
npm >=6 installed:
This template can be used with SAO, which also means you can use the template offline:
npm i -g sao jstransformer-handlebars # from npm sao vuepack new-project # or git repo sao egoist/vuepack new-project
Vue CLI (
@vue/cli-init) is still supported, but it has been deprecated by Vue officially, so it is not recommended to use Vue CLI with Vuepack.
npm i -g @vue/cli @vue/cli-init vue init egoist/vuepack
For Windows users
git with unix tools before getting started.
If you did not enable Electron support, the dest folder is
./dist, otherwise it's
./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
MIT © EGOIST