码迷,mamicode.com
首页 > 其他好文 > 详细

Semantic-UI安装配置

时间:2020-04-27 15:29:50      阅读:52      评论:0      收藏:0      [点我收藏+]

标签:生成   系统   输出   exp   block   执行   cal   使用   cli   

该教程适用win10操作系统

运行环境
Nodejs version 10.1.0
Gulp CLI version 2.2.0
Gulp Local version 3.9.1

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

技术图片

  • Automatic:自动配置,一切都用默认的设置。
  • Express:快速设置,只需要设置组件还有输出的目录。
  • Custom:自定义,完全自己去定义 src/dist 目录。

3. 编译文件

经过上面的步骤之后在项目目录下会存在semantic文件夹, 我们需要进到该文件夹下执行编译

cd ./semantic
gulp build

编译完成后在semantic/dist文件夹下会生成semantic.min.csssemantic.min.js的文件

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

Semantic-UI安装配置

标签:生成   系统   输出   exp   block   执行   cal   使用   cli   

原文地址:https://blog.51cto.com/14284354/2490790

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!