npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

starting-frontend-cli

v1.0.11

Published

[![npm version](https://img.shields.io/npm/v/starting-frontend-cli)](https://www.npmjs.com/package/starting-frontend-cli) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![Node Version](http

Downloads

10

Readme

Starting Frontend CLI

npm version
License: MIT
Node Version


📋 Introdução

Starting Frontend CLI é a ferramenta que faltava para agilizar o início de qualquer projeto frontend! Esqueça a complexidade de configurar um ambiente de desenvolvimento ou lembrar comandos específicos para cada framework. Com um único comando, você pode gerar projetos utilizando os frameworks mais populares do mercado, como React, Angular, Vue, ou até mesmo configurar projetos legados. Ideal para desenvolvedores que desejam velocidade e eficiência na criação de novos projetos, seja para protótipos rápidos ou aplicações robustas.

A CLI foi pensada para ser intuitiva e interativa, permitindo que qualquer pessoa, desde iniciantes até desenvolvedores experientes, possa iniciar um projeto frontend em segundos. Você escolhe o framework, define o nome do projeto e deixa o resto com a Starting Frontend CLI!

🚀 Funcionalidades

  • Criação rápida de projetos com React, Angular, Vue.js e templates legados.
  • Uso simplificado com comandos únicos e interatividade.
  • Personalização ao escolher o nome do projeto e framework.
  • Compatível com sistemas baseados em Node.js, facilitando o setup em qualquer ambiente.

🛠 Como Utilizar

Pré-requisitos

  • Node.js: Versão 12.0.0 ou superior
  • npm: Instalado junto com o Node.js

Instalação Global

Para começar a usar a CLI, você precisa instalá-la globalmente. Siga os passos abaixo:

npm install -g starting-frontend-cli

Iniciando um Projeto

  1. Após a instalação, você pode rodar o seguinte comando para iniciar a CLI:
start-frontend
  1. A CLI irá guiar você com algumas perguntas interativas:
  • Escolha o framework: Selecione entre React, Angular, Vue ou Legacy.
  • Nome do projeto: Digite o nome desejado para o seu projeto.
  1. A CLI cuidará de todo o processo, configurando automaticamente o ambiente do seu projeto.

Exemplo de Uso

start-frontend

Selecione um framework:

? Choose a frontend framework: (Use arrow keys)
❯ React
  Angular
  Vue
  Legacy

Digite o nome do projeto:

? What is the name of your project? my-awesome-project

A CLI então irá gerar o projeto com a configuração necessária, e você poderá começar a codar imediatamente!

📦 Desenvolvimento Local

Se quiser contribuir para o desenvolvimento da CLI ou rodá-la localmente, siga os passos abaixo:

  1. Clone o repositório:
git clone https://github.com/seu-usuario/starting-frontend-cli.git
cd starting-frontend-cli
  1. Instale as dependências:
npm install
  1. Compile o TypeScript:
npm run build
  1. Teste a CLI localmente:
npm link
start-frontend

🔧 Comandos Disponíveis

  • npm run build: Compila os arquivos TypeScript.
  • npm run start: Executa a CLI sem precisar compilar (usando ts-node).
  • npm link: Faz a CLI funcionar globalmente no ambiente de desenvolvimento local.

📄 Licença

Este projeto é licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


🔍 Tecnologias Utilizadas

  • Node.js
  • TypeScript
  • Inquirer.js (para interatividade)
  • ShellJS (execução de comandos shell)
  • Chalk (para estilizar o terminal)

🛡️ Suporte

Se você encontrar algum problema, sinta-se à vontade para abrir uma issue.

📢 Contribuições

Contribuições são muito bem-vindas! Se você tiver sugestões ou melhorias, abra uma pull request no repositório. Todos os tipos de contribuições são apreciados, desde correções de bugs até a adição de novos recursos.