Vue Plugin Template screenshot

Vue Plugin Template

Author Avatar Theme by Posva
Updated: 17 May 2018
187 Stars

Solid foundation to start a Vue plugin with the best developer experience and a focus on performance

Categories

Overview

The vue-plugin-template is a framework that aims to provide developers with a better developer experience (DX) and lighter plugins. It offers various features such as smaller plugin size, support for single file components, JSX, ES6, pre-commit linting and fixing, advanced testing, next generation CSS with PostCSS, SASS support, and development-only features. The template also provides a roadmap for future additions and encourages contributions from the community.

Features

  • Smaller plugin size: Bundle plugins with Rollup, resulting in debuggable and lightweight bundles (less customizable than Webpack)
  • Single file components: Write components using .vue files, which will be compiled into render functions for compatibility
  • JSX: Compile JSX in JavaScript files
  • ES6: Utilize the future features of JavaScript
  • Pre-commit lint and fix: Run eslint and stylefmt/stylelint before each commit on modified files, automatically fixing them to prevent CI build failures
  • Advanced testing: Test components while interacting with them, providing a better developer experience
  • Visual testing: Embrace visual testing for components
  • Next generation CSS: Use PostCSS and CSSNext to leverage future CSS features
  • SASS: Support for using SASS, with advanced features accessible when using Webpack as the bundler
  • Development-only features: Add warnings to improve DX during development, which are removed when bundling in production mode

Installation

The installation process and dependencies of the vue-plugin-template are not provided in this content.

Summary

The vue-plugin-template is a powerful framework for developing plugins in Vue.js. It focuses on providing a better developer experience and creating lightweight plugins. With features such as smaller plugin size, single file components, JSX support, ES6 capabilities, pre-commit linting and fixing, advanced testing, next generation CSS, SASS support, and development-only features, the template offers a comprehensive solution for plugin development needs. The provided roadmap and contribution guidelines also encourage community involvement and further improvement of the template.