semantic UI 的安装和调用


semantic UI可以有两种方式安装

一种是直接下载压缩包,解压后调用就可以使用了,其实也就是说无需安装,另一种方式是用gulp进行安装。

用gulp安装的优点是,你可以自己修改sementic ui中的样式,这样就更灵活一点,而最简化安装方式下不能修改,只能用默认样式。

要先安装gulp,而安装gulp是NPM的一个模块,所以需要先安装NPM,而NPM又是node.js的一个模块,所以,就需要安装node.js, 所以:

第一步是安装node.js,提示:官网有两个版本可以选择,最好是选LTS版本,这个是长期支持版本。

第二步是安装gulp:cmd打开控制台,输入:

npm install -g gulp

第三步就是安装semantic UI了,CD到需要安装semantic的文件夹,然后输入:

npm install semantic-ui --save

接下来如果控制台不报错的话,就会询问你是否自动安装和安装位置。这个自己选就好了。

然后就可以在html中调用了。

调用的顺序一定不要搞错。

CSS,Jquery,JS

 

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<script src="semantic/dist/semantic.min.js"></script>

以上都是基于windows环境。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM