Cartão Pessoal em NPX - Zoranildo Santos

O desenvolvimento desse package que simula um cartão pessoal faz parte dos meus exercícios de aprendizagem. Desenvolvemos o nosso card baseado no repositório do Tierney Cyren

Recursos Utilizados:

• Visual Studio Code

• Javascript

• Node.Js

• Npm

• Pacotes:

  • boxen
  • chalk
  • standard
  • commander

  Construindo um simples NPM Card

  1. Criar uma pasta com o seu nome. Siga os passos abaixo:

  > mkdir zorasantos && cd zorasantos
  > npm init -y
  > crie o arquivo card.js

  2. Fça a instalação dos pacotes com os seguintes comandos:

  > npm install standard --save-dev

  > npm install chalk --save

  > npm install boxen --save

  > npm install commander --save

  3. Copie o codigo abaixo e cole dentro do aquivo card.js(Não esqueça de substituir os dados pessoais):

  #!/usr/bin/env node
  
  //Aqui declaramos os módulos
  const chalk = require('chalk');
  const boxen = require('boxen');
  
  //Aqui definimos as opções para o módulo 'boxen'
  
  const options = {
      padding: 1,
      margin: 1,
      borderStyle: 'round',
      float: "center",
      borderColor: "#ff4879",
      backgroundColor: "black"
  };
  
  //Aqui incluímos os textos e as definições do módulo 'chalk'
  
  const data = {
      name: chalk.white('           Zoranildo Santos /'),
      handle: chalk.cyan('zorasantos'),
      work: chalk.cyan('Grupo Frangolândia'),
      npm: chalk.gray('https://npmjs.com/') + chalk.blue('zorasantos'),
      github: chalk.gray('https://github.com/') + chalk.blue('zorasantos'),
      linkedin: chalk.gray('https://www.linkedin.com/in/') + chalk.blue('zorasantos'),
      medium: chalk.gray('https://medium.com/') + chalk.blue('@zoranildo22'),
      npx: chalk.white('npx zorasantos'),
  
      labelwork: chalk.green.bold('   Work:'),
      labelnpm: chalk.red.bold('   NPM'),
      labelGitHub: chalk.yellow.bold('   GitHub:'),
      labelLinkedIn: chalk.blue.bold('   LinkedIn:'),
      labelMedium: chalk.white.bold('   Medium:'),
      labelCard: chalk.red.bold('   Card:')
  };
  
  //Aqui será a saída do cartão pessoal pelo comando NPX
  const newline = '\n'
  const heading = `${data.name} ${data.handle}`
  const working = `${data.labelwork} ${data.work}`
  const npm = `${data.labelnpm} ${data.npm}`
  const githubing = `${data.labelGitHub} ${data.github}`
  const linkedining = `${data.labelLinkedIn} ${data.linkedin}`
  const mediuming = `${data.labelMedium} ${data.medium}`
  const carding = `${data.labelCard} ${data.npx}`
  
  
  // Aqui colocaremos a nossa saída numa única variável
  
  const output = heading + newline + newline + working + newline + npm + newline + githubing + newline + linkedining + newline + mediuming + newline + newline + carding
  
  console.log(chalk.green(boxen(output, options)));

  4. Pra finalizar execute o comando abaixo para visualizar seu cartão:

  npx zorasantos

  Se por acaso o comando **npx** não funcionar tente este comando:

  node card.js