vue-cli下的semantic-ui 环境搭建

前言

前端小白，记录自己的填坑，有什么不对的欢迎指出，也欢迎大家一起交流。共勉。

首先用vue-cli搭建环境参考vue-cli搭建

安装semantic

全局安装gulp

npm install -g gulp

在项目目录下安装semantic-ui

npm install semantic-ui --save

参考官网gif图选择安装内容

cd semantic

gulp build

到这里semantic-ui安装完毕，下面还要配置文件

配置semantic运行环境

semantic运行需要jquery

安装jquery

根目录下

npm install jquery --save

安装依赖

npm install

打开：根目录/build/webpack.dev.conf.js

在plugins里加上

new webpack.ProvidePlugin({

// jquery

$: 'jquery',

jQuery: 'jquery',

'window.jQuery': 'jquery'

})

最后在src/main.js里面导入semantic的css和js

import '../semantic/dist/semantic.min.css'

import '../semantic/dist/semantic.min.js'

然后就能愉快得使用vue+semantic啦！

参照方法

第一次写，希望能坚持住吧。