2.0.0 • Published 2 years ago
jessaleem v2.0.0
npm-profile-card
My npm card 😎
Steps
- You can fork in the repo of Jessaleem or just go creating your files.
# Create new folder
$ mkdir npm-profile-card && cd $_
# Init the npm package
$ npm init
- Install the dependencies
# dependencies
$ npm install
- Create the personal card
# Create bin folder
$ mkdir bin && cd $_
# Create the card.js file
$ touch bin/card.js
- Add personal information to your card
#!/usr/bin/env node
// 👆 Used to tell Node.js that this is a CLI tool
// Pull in our modules
const chalk = require('chalk')
const boxen = require('boxen')
// Define options for Boxen
const options = {
padding: 1,
margin: 1,
borderStyle: 'round'
}
// Text + chalk definitions
const data = {
name: chalk.white('YOUR NAME / '),
handle: chalk.cyan('HANDLENAME'),
work: chalk.white('WHERE DO YOU WORK'),
twitter: chalk.cyan('TWITTER ACCOUNT'),
github: chalk.cyan('GITHUB ACCOUNT'),
linkedin: chalk.cyan('LINKEDIN ACCOUNT'),
web: chalk.cyan('YOUR WEBSITE'),
npx: chalk.white('npx YOUR_ALIAS'),
labelWork: chalk.white.bold(' Work:'),
labelTwitter: chalk.white.bold(' Twitter:'),
labelGitHub: chalk.white.bold(' GitHub:'),
labelLinkedIn: chalk.white.bold(' LinkedIn:'),
labelWeb: chalk.white.bold(' Web:'),
labelCard: chalk.white.bold(' Card:')
}
// Actual strings we're going to output
const newline = '\n'
const heading = `${data.name} ${data.handle}`
const working = `${data.labelWork} ${data.work}`
const twittering = `${data.labelTwitter} ${data.twitter}`
const githubing = `${data.labelGitHub} ${data.github}`
const linkedining = `${data.labelLinkedIn} ${data.linkedin}`
const webing = `${data.labelWeb} ${data.web}`
const carding = `${data.labelCard} ${data.npx}`
// Put all our output together into a single variable so we can use boxen effectively
const output = heading + newline + newline + working + newline + twittering + newline + githubing + newline + linkedining + newline + webing + newline + newline + carding
console.log(chalk.green(boxen(output, options)))
Create an account in npm.org, if you already have it, skip this step
Know the version of your package dependency
$ npm version major
- Add your npm user - login
$ npm adduser
- Publish your package
$ npm publish
- Run your npm-package card
$ npx makeitrealcamp
2.0.0
2 years ago