Gokulakrishnan Kalaikovan gokulkrishh

Git add to be case-senstive

git config core.ignorecase false

Git autocorrections

git config --global help.autocorrect 1

There are two main types of margin collapse:

Collapsing margins between adjacent elements
Collapsing margins between parent and child elements

Using a padding or border will prevent collapse only when Collapsing is between parent and children. Also, any value of overflow different from its default (visible) applied to the parent will prevent collapse.

Thus, both overflow: auto and overflow: hidden will have the same effect.

Useful javascript util functions

How to debug/develop npm package

Source

npm link

Destination

✅ Installed VS Code Extensions: 11

NPX (NPM Package Runner) Commands

List of useful npx (NPM Package Runner) commands.

What is NPX?

Using NPX we can execute/run node binaries without the need to install it locally or globally.

	"workbench.editor.customLabels.patterns": {
	"/app//page.tsx": "${dirname}.${extname}",
	"/app//layout.tsx": "${dirname}/layout.${extname}",
	"/components//index.tsx": "${dirname}/index.${extname}",
	"**/index.ts": "${dirname}/index.${extname}"
	}

	code --install-extension bradlc.vscode-tailwindcss --force &
	code --install-extension christian-kohler.path-intellisense --force &
	code --install-extension CodeSandbox-io.codesandbox-projects-theme --force &
	code --install-extension csstools.postcss --force &
	code --install-extension dbaeumer.vscode-eslint --force &
	code --install-extension esbenp.prettier-vscode --force &
	code --install-extension gera2ld.markmap-vscode --force &
	code --install-extension ms-vscode.sublime-keybindings --force &
	code --install-extension ms-vsliveshare.vsliveshare --force &
	code --install-extension Prisma.prisma --force &

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Markmap</title>
	<style>
	* {
	margin: 0;

	#!/usr/bin/env node

	const { exec } = require('child_process');

	exec('code --list-extensions', (err, stdout) => {
	if (err) console.log('Error occurred', err);

	const extensions = stdout.split('\n').filter(extension => extension);

	console.log(`\n✅ Installed VS Code Extensions: ${extensions.length} \n`);