Wemake Vue Template
Bleeding edge vue template focused on code quality and developer happiness.
Overview:
The wemake-vue-template is a bleeding-edge Vue template that prioritizes code quality and developer happiness. It is used to scaffold new Vue project structures and is proven to work on both small and large-scale projects. The template is always kept up-to-date with the help of @dependabot and includes the latest Nuxt for server-side rendering. It also offers full TypeScript support, including Vue's Single-File Components (SFC), Vuex, and tests. Additional features include tools for writing business logic, linting with ESLint + stylelint, unit testing with Jest, end-to-end testing with TestCafe, optional Docker support for development, testing, and production, GitLab CI with a full test and deploy pipeline configured by default, meaningful documentation covering almost every aspect of the project, full VSCode support, and an easy update process to ensure the template is always up-to-date.
Features:
- Always up-to-date with @dependabot
- Latest Nuxt for server-side rendering
- Full TypeScript support including Vue's SFC, Vuex, and tests
- Tools for writing business logics including DI, IoC, and runtime type validation
- Linting with ESLint + stylelint
- Unit testing with Jest and end-to-end testing with TestCafe
- Optional Docker support for development, testing, and production
- GitLab CI with full test and deploy pipeline configured by default
- Meaningful documentation covering almost every aspect of the project including JSDoc annotations
- Full VSCode support with suggested settings and plugins
- Easy update process to keep the template up-to-date
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
