Home  >  Article  >  Backend Development  >  About gulp and semantic-ui

About gulp and semantic-ui

WBOY
WBOYOriginal
2016-10-22 00:14:151201browse

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

About gulp and semantic-ui

About gulp and semantic-ui

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


About gulp and semantic-uiBut it is said online that you need to use gulp build to change it. What is the process I should do now

Reply content:

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


About gulp and semantic-ui

About gulp and semantic-uiI 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 nowAbout gulp and semantic-ui

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>

Of course you can also directly download the compiled compressed package: https://github.com/Semantic-O...
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn