Semantic-UI安装配置

该教程适用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

Semantic-UI安装配置

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

3. 编译文件

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

cd ./semantic
gulp build

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

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

上一篇:一个命令完成[打包+同步七牛cdn+上传服务器]


下一篇:gulp快速入门