About gulp and semantic-ui

I need to use semantic-ui in my php project, but I don’t understand a bit when it comes to gulp.
My steps: 1. Place the downloaded semantic-ui folder in the project root directory 2. Download and install npm and nodejs according to the prompts of semantic-ui official website 3.`npm install semantic-ui --save
cd semantic /
gulp build`What does this step mean? What does semantic-ui mean? Do I need to execute this command in the root directory?
Please help me. The first step is to get the complete package of git semantic-ui from github. , as shown in the figure, which contains gulpfile.js

But it is said online that you need to use gulp build to change it. What is the process I should do now

My steps: 1. Place the downloaded semantic-ui folder in the project root directory 2. Download and install npm and nodejs according to the prompts of semantic-ui official website 3.`npm install semantic-ui --save
cd semantic /
gulp build`What does this step mean? What does semantic-ui mean? Do I need to execute this command in the root directory?
Please help me. The first step is to get the complete package of git semantic-ui from github. , as shown in the figure, which contains gulpfile.js

I want to modify the parameters in a configuration file, as shown in the picture,

But it is said online that you need to use gulp build to change it. What is the process I should do now

gulp build

is a compiled file, including css(scss/less), js and copy some pictures/fonts, etc. Generally after compilation, you can find the compiled js
and css in the dist directory. Then you can proceed to the next step:

<code>/*Include in Your HTML*/
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script src="semantic/dist/semantic.min.js"></script></code>