Semantic-UI安裝配置

該教程適用win10操做系統css

運行環境
Nodejs version 10.1.0
Gulp CLI version 2.2.0
Gulp Local version 3.9.1vue

1. 全局及本地安裝gulp

npm install -g gulp
cd semantic-ui-vue
npm install --save-dev gulp@3.9.1

2. 安裝semantic-ui

npm install --save semantic-ui

Semantic-UI安裝配置

  • Automatic:自動配置,一切都用默認的設置。
  • Express:快速設置,只須要設置組件還有輸出的目錄。
  • Custom:自定義,徹底本身去定義 src/dist 目錄。

3. 編譯文件

通過上面的步驟以後在項目目錄下會存在semantic文件夾, 咱們須要進到該文件夾下執行編譯shell

cd ./semantic
gulp build

編譯完成後在semantic/dist文件夾下會生成semantic.min.csssemantic.min.js的文件npm

4. semantic-ui的使用須要引入jQuery

相關文章
相關標籤/搜索