Executando verificação de segurança...
1

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

Carregando publicação patrocinada...