前言
前端小白,记录自己的填坑,有什么不对的欢迎指出,也欢迎大家一起交流。共勉。
首先用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啦!
第一次写,希望能坚持住吧。