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