Bellevue is a full-featured frontend project template for modern single-page applications built on Vue.js and Webpack.
- Demo: vue.netlify.com
- Documentation: eiskis.gitbooks.io/bellevue
- Source and issues: github.com/Eiskis/bellevue
Bellevue is based on the official
vuejs-templates/webpack template, but extends it with many additional tooling features such as preconfigured SCSS support, SVG sprites, more full-featured linting and centralised configuration.
But while the official template is only a Hello world, Bellevue's goal is to set you up with a well-documented, thought-out application structure with all the patterns you need for building a complex application including routing, state management, persistence, localisation and more (see feature comparison).
Table of contents
- Stylesheet architecture
- Classnames and selectors
- Global base styling
- SCSS constants
- SCSS mixins
- SCSS functions
- Utility styles
- Authentication and authorization *
- Backend communication
- Controls and form elements
- Form validation *
- Listing data
- Offline support
- Server-side rendering *
- Web fonts
- Stack overview
- App icon generation
- Dependency management
- Development builds
- Generated docs
- Production builds
- Styles processing
- SVG compilation
- URL resolving and aliases
- Getting started
- Adding new assets
- Creating a new component
- Wrapper components
- Setting page meta information
- Using a new Vue plugin
* Not preconfigured in Bellevue yet.
Bellevue is not an official Vue project, but is based on the officially supported materials and commonly used plugins. The relevant docs for those are available here:
- Vuex (state management library)
- Vue Router
vuejs-templates/webpackproject template (the official template this project is based on)
vue-loader(Webpack loader for single-file
Do you want to contribute to the template?
- Please file an issue if you have a suggestion, bug report or a question.
- Send a pull request to contribute code.
You can also help improve the documentation on GitHub.