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>

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.

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.

A basic dashboard has three parts.

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

Let’s go.

I will try use English to write my blog.

Previous

Write to 18 years old me in 2012 - Chinese Version

Write to 18 years old me in 2016 - Chinese Version

Write to 18 years old me in 2019 - Chinese Version

Write to 18 years old me in 2020 - Chinese Version

起因

雷公在Slack上提出了要做自己平台的项目想法。

我老婆特别兴奋的想要参与。无奈我的水平有限。就自己写了给老婆自己玩好了。

所以这是一个菜鸟般实现。