Vim Useful Tricks

Vim Useful Tricks

Hi everyone. Today I want to share a vim trick.
It’s very useful when I was coding every day.
So hope you like it.

Problem

I have those situation every day. I want to change ‘target’. So how can I do?

1
2
3
4
5
6
7
8
foo target boo
foo "target target"
foo 'target target'
foo (target target)
foo {target target}
foo [target target]
foo <target target>
foo <div>target target</div>
Read more
How to Set Up a NextJS Project with TypeScript

How to Set Up a NextJS Project with TypeScript

Begin

I want to record how to setting up a NextJS project with TypeScript.

Let’s go

Create a NextJS Project

1
yarn create next-app --typescript [your project path]

Yes, I used yarn. I prefer yarn to npm.

Read more
How to build a basic dashboard layout with Tailwind CSS 2.x

How to build a basic dashboard layout with Tailwind CSS 2.x

Requirement

I want to build a new Admin Dashboard system from zero. So I need to build everything.
I need a basic dashboard layout. It looks like below a picture.
basic dashboard layout

A basic dashboard has three parts.

  1. a fixed header.
  2. a menu can scorll.
  3. a main content can scroll.

Let’s go.

Read more