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!
DevTony101 / vue-cli-plugin-clean
A plugin that helps you bootstrap your Vue application by doing some common configurations.
Vue CLI Plugin Clean
A Vue 2.x plugin that helps you bootstrap your application by performing some common configurations.
Table of Contents
Features
General
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 theHome.vue
file - Re-write the
router/index.js
file to only include the route to theHome.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…
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)