DEV Community

Cover image for Introducing Vue Clean v0.4.1
Miguel Manjarres
Miguel Manjarres

Posted on

Introducing Vue Clean v0.4.1

A while ago I announced Vue Clean, a tool for Vue developers and today I'm happy to announce that version 0.4.1 is up and ready to use!

But, what is Vue Clean exactly?

About Vue Clean

When I started in Vue, I always had to do the same steps everytime I wanted to create a new project: delete the same components, install the same dependencies, write the same boilerplate code. And I thought to myself "there's got to be some better way to do this" and like every developer, I created my own solution: Vue Clean.

Vue Clean is a Vue CLI plugin that takes care of all the hassle of starting a new project:

  • It deletes all the components generated by the vue-cli
  • It deletes all the views generated by the vue-cli except the Home.vue file (for obvious reasons)
  • It deletes all the boilerplate code inside the App.vue file and replace it with the minimal to function

And that's not all! Vue Clean also helps you with one important part of the Vue development workflow: Base Components, if you want to know how, head to the GitHub repository page (down below).

The main goal of Vue Clean is to be the perfect tool for beginners in Vue and even to be a convenient tool for experts.

What's new in this version?

Drop support for Tailwind

In previous versions Vue Clean had an option to create the configuration files for Tailwind (that was another step I had to do in every project), but it turns out there's already a good, well-document plugin that does exactly that so, why reinvent the wheel? Vue Clean dropped support for Tailwind in version 0.2-alpha.

Introducing the basec command

basec is a vue-cli command created by Vue Clean when you install it. With it, you can create base components directly from the command line. Not only that but you can create them using templates for when you need to quickly prototype a view. The basec command was introduced in version 0.3.0.

Creating base components has never been so easy!

New and better documentation

The instructions in the README file now include examples of use with a better and more understandable structure.

Now go and give it a try!

GitHub logo DevTony101 / vue-cli-plugin-clean

A plugin that helps you bootstrap your Vue application by doing some common configurations.

Vue CLI Plugin Clean

License version downloads dependencies

A Vue 2.x plugin that helps you bootstrap your application by performing some common configurations.

Table of Contents



The main goal of this plugin is to quickly set up a project by deleting some files and components created by the Vue CLI service. By default this plugin will:

  • Delete everything in the components folder
  • Delete everything in the views folder except the Home.vue file
  • Re-write the router/index.js file to only include the route to the Home.vue file
  • Re-write the App.vue file to remove all the boilerplate code

Support for base components

This an opt-in feature that you can enable when installing this plugin (go to theโ€ฆ

If you find Vue Clean useful please consider giving it a star โญ on GitHub! It's the best way to support and ensure future versions will be released.

Top comments (0)