Comandos básicos do git
git config --global user.name "Nome de Usuário"
git config --global user.email "Email do usuário"
git config --global user.name "Nome de Usuário"
git config --global user.email "Email do usuário"
{ | |
// Editor | |
"editor.fontSize": 13, | |
"editor.fontFamily": "Fira Code", | |
"editor.fontLigatures": true, | |
"editor.inlineSuggest.enabled": true, | |
"editor.formatOnSave": true, | |
"editor.tabSize": 2, | |
"editor.bracketPairColorization.enabled": true, | |
"editor.guides.bracketPairs": "active", |
# If you come from bash you might have to change your $PATH. | |
# export PATH=$HOME/bin:/usr/local/bin:$PATH | |
# Path to your oh-my-zsh installation. | |
export ZSH="$HOME/.oh-my-zsh" | |
# Set name of the theme to load --- if set to "random", it will | |
# load a random theme each time oh-my-zsh is loaded, in which case, | |
# to know which specific one was loaded, run: echo $RANDOM_THEME | |
# See https://github.com/ohmyzsh/ohmyzsh/wiki/Themes |
As a developer who works on multiple React projects daily, I like having a tool that can help me quickly and efficiently write consistent code. One of the best ways I've found is writing a custom command line tool to rapidly scaffold out my most common code patterns.
My tool of choice is Plop.js. Plop is a powerful "micro-generator framework" built to help maintain patterns as well as speed up your project build time. From the documenation:
If you boil plop down to its core, it is basically glue code between inquirer prompts and handlebar templates.
In this tutorial, we'll build out a simple React component generator for your Typescript projects. By the end, you'll have a fully functioning CLI that is customized to your file generating needs. Let's get started.
const read = async (filePath: string) => { | |
return new Promise((resolve, reject) => { | |
fs.readFile(filePath, 'utf8', (err: any, data: string) => { | |
if (err) reject(err) | |
resolve(data) | |
}) | |
}) | |
} | |
const write = (filePath: string, fileName: string, fileExtension: string, content: any) => { |