Criei meu primeiro pacote CLI do NPM (para VueJS)
Essa foi uma experiência muito legal, pra ser sincero.
Das diversas maneiras que temos de criar arquivos para trabalhar, como o touch do cli, ou criar um arquivo pelos botões do VSCode, eu pensei "porque não criar um comando e jogar no NPM pra quem quiser usar?".
Dito e feito, criei um pacote no NPM chamado vue-gen-component. Como dito no título, só funciona pra Vue (até o momento hehe).
A instalação é simples:
- npm install -g vue-gen-component
E para o uso, vá até a raiz do seu projeto vue e escreva:
- v-create [nome]
Se você não digitou o nome, você terá 3 opções para selecionar:
- Nome
- Linguagem (ts ou js)
- Se quer usar script setup
Eis aqui uma rodada:
**v-create
? Component name: TabNews
? Select language: ts
? Use script setup? Yes
📂 Pasta src/components não encontrada. Criando...
✅ Componente TabNews.vue criado com sucesso em: src/components/**
Como fica o componente:
<template>
<div>
<h1>Componente TabNews</h1>
</div>
</template>
<script setup lang="ts"></script>
Link do pacote: https://www.npmjs.com/package/vue-gen-component