Vue Cli Template Library screenshot

Vue Cli Template Library

Author Avatar Theme by Julon
Updated: 10 Mar 2018
60 Stars

Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease

Overview

The vue-cli-template-library is an exceptional tool for developers looking to create their own open-source libraries using Vue.js without the hassle of intricate setup processes. This template simplifies the development lifecycle by automating version management and publishing to GitHub and npm, allowing you to concentrate on writing your code. With an impressive array of integrated best practices, such as linters and preprocessors, it’s designed to help developers efficiently produce high-quality libraries.

By leveraging modern tools like Rollup, Jest, and Semantic Release, this template not only ensures a streamlined development experience but also enhances the quality and maintainability of the library being built. Whether you are new to Vue.js or an experienced developer, this template can serve as a robust foundation for your project.

Features

  • Automated Versioning and Publishing: Automatically manages version increments and publishes your library to GitHub and npm so you can focus on coding.
  • Integrated Testing with Jest: Supports unit testing and snapshot testing, providing commands for linting and auto-fixing issues with ESLint.
  • CSS Integration: Embeds CSS into JavaScript by default, simplifying the management of styles within your components.
  • Storybook Setup: Comes pre-configured with Storybook for developing and showcasing your UI components in isolation.
  • Semantic Release Support: Automates changelog generation and deployment processes, ensuring your library stays up-to-date effortlessly.
  • Commitizen Ready: Includes Commitizen integration for structured commit messages according to Conventional Changelog rules.
  • Flexible Build Options: Outputs production-ready builds for CommonJS, ES Modules, and UMD formats, catering to various use cases.
  • Pre-configured Linters and Preprocessors: Utilizes best-practice configurations with ESLint and Prettier, making code quality a top priority.

This template truly makes it easy to kickstart Vue.js library development and maintain high standards in the process.