Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

Time:2020-5-29

hi

Hello, everyone welcome

I have been following the trend for a long time. Let’s go on to the previous section

Let’s start to build this project in this section

Let’s go to the terminal first, command line prompt here

Let’s add an empty directory and name it yourself

$ mkdir antd-pro-role

For example, my name is thisantd-pro-role

so what

Enter this directory

$ cd `antd-pro-role`

The first step is to make sure it’s an empty directory

Right

What we added is an empty directory. Don’t put anything in it

so what

We need to update this UMI tool

$ yarn global add umi

I like the yarn command here

You can use NPM, too

Let’s update the UMI first

Keep its version up to date

This has been updated

Let’s take a look at the version

$ umi --version
2.12.7

The current version is 2.12.7. What’s next

We can do this

We create projects

$ yarn create umi

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

Wait a minute. It’ll pop up

Let you choose a framework

We will choose the first one, antd design pro

What’s next

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

You can choose a language here, and we’ll choose typescript

then

It’s going to clone the project

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

It already indicates success

It ‘s done

We can see it now

Some documents have been produced

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

This is OK

What’s next

We can useyarn install

Install some dependencies

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

It’s going to take a while. Okay

Now it’s installed successfully

So, let’s start the yarn start

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

In fact, this project runs in

This 8000 port

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

That’s ok

Now it’s running

This is the backstage project

Finally, I changed the source directory name, as shown in the following figure

Ant Design Pro V4 role based access control practical tutorial ා 2 initialization project

Related resources

https://github.com/ant-design…