Cartão Pessoal em NPX - Glaucia Lemos 💾
Desenvolvimento de um package que simula um cartão pessoal. O exemplo desenvolvido aqui foi baseado no repositório do ilustre Tierney Cyren
No caso aqui, estou usando os meus dados para criar o meu Cartão Pessoal. O pacote, que nesse caso é o meu cartão pessoal, encontra-se disponível no site do npmjs pelo link:
- Cartão Pessoal Glaucia Lemos: glaucia_lemos86
Para instalar o package do meu cartão pessoal, bastam executar o seguinte comando abaixo:
> npm install glaucia_lemos86
Recursos Utilizados: 🔥
Okay... Curti! Quero fazer o meu.. Como faço?! 🚀
Bastam seguir os passos abaixo:
- Crie uma pasta do projeto de acordo com o seu nome do GitHub e siga os passos abaixo:
> mkdir glaucia86
> cd glaucia86
> npm init
> mkdir bin
> touch card.js
- Após criar a estrutura do projeto, execute os seguintes comandos para incluir os seguintes pacotes no arquivo package.json:
> npm install standard --save-dev
> npm install chalk --save
> npm install boxen --save
> npm install commander --save
- Feito isso, agora copie o código abaixo e coloque no arquivo card.js: (inclua os seus dados!!)
#!/usr/bin/env node// Usado para dizer ao Node.js que se trata de uma ferramenta do CLI // Declarando os módulos:const chalk = const boxen = // Definindo as opções para o ‘boxen’:const options = padding: 1 margin: 1 borderStyle: 'round' // Inclusão do Text e mais as definições do ‘chalk’:const data = name: chalk handle: chalk work: chalk twitter: chalk github: chalk linkedin: chalk medium: chalk web: chalk npx: chalk labelWork: chalkwhite labelTwitter: chalkwhite labelGitHub: chalkwhite labelLinkedIn: chalkwhite labelMedium: chalkwhite labelWeb: chalkwhite labelCard: chalkwhite // Aqui será a saída do nosso Cartão Pessoal em NPX:const newline = '\n'const heading = ` `const working = ` `const twittering = ` `const githubing = ` `const linkedining = ` `const mediuming = ` `const webing = ` `const carding = ` ` // Aqui devemos colocar toda a nossa saída numa única variável para que possamos usar // o ‘boxen de maneira efetiva: const output = heading + newline + newline + working + newline + twittering + newline + githubing + newline + linkedining + newline + mediuming + newline + webing + newline + newline + carding console
- Execute o comando abaixo para que possamos verificar a versão que possuem do npm:
> npm version major
- Após verificar qual a versão do npm que possuem, execute o comando abaixo:
> npm adduser
- Enfim, vamos publicar o nosso pacote para o site do npmjs. Para isso, basta executar o seguinte comando abaixo:
> npm publish
- E finalmente... execute o comando abaixo para visualizar o seu cartão pessoal criado:
> npx glaucia_lemos86
E vòilá! Aparecerá o seu Cartão Pessoal!! 😍
A versão da foto foi aprimorada. Aqui no README.md só estou explicando como desenvolver de uma maneira mais simples. Fiquem à vontade para alterarem o cartão pessoal de vocês!!! 😉
Agradecimentos! 😃
Conforme mencionado acima, esse projeto foi baseado pelo repositório do Tierney Cyren. So, I would like to say thank you @bitandbang for your contribution in this awesome project! NPX Card Profile ⭐️⭐️⭐️
Links & Recursos Adicionais 🌟
- Tutorial de Node.js no Visual Studio Code
- Depurando app Node.js no Visual Studio Code
- Deploy de site Estático no Azure
- Azure para desenvolvedores de JavaScript e Node.js
- E-Book Grátis: Criando Aplicativos Nativos de Nuvem com Node.js & Azure
- E-Book Grátis: Learning Node.js Development
Querem Propor Melhorias no Código? Façam Pull Request!!!
Caso queiram que eu implemente algo no código, abram uma ISSUE nesse repositório. Assim, todos poderão colaborar para o melhor desenvolvimento desse projeto. E sintam-se à vontade em fazer Pull Requests!! ❤️ ❤️ ❤️