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環境。