• mintui
  • Amazeui vue
  • semantic-ui

原文

mintui

npm install mint-ui -S

1
2
3
4
//App.vue
import Vue from 'vue'
import Mint from 'mint-ui'
Vue.use(Mint)

Amazeui vue

npm install amaze-vue --save

1
2
3
4
5
//App.vue
import Vue from 'vue'
import AmazeVue from 'amaze-vue'
import 'amaze-vue/dist/amaze-vue.css';
Vue.use(AmazeVue)

semantic-ui

npm install --save jquery 

1
2
3
4
5
6
7
8
//webpack.dev.config.js
// plugins 区块内添加
new webpack.ProvidePlugin({
$ : "jquery",
jQuery : "jquery",
"window.jQuery": "jquery",
"root.jQuery" : "jquery"
})

npm install semantic-ui-css --save 

1
2
3
4
5
6
7
8
9
10
11
12
13
//webpack.base.config.js 文件中添加，
resolve : {
    extensions: ['', '.js', '.vue'],
    fallback  : [path.join(__dirname, '../node_modules')],
    alias     : {
        'vue'       : 'vue/dist/vue.common.js',
        'src'       : path.resolve(__dirname, '../src'),
        'assets'    : path.resolve(__dirname, '../src/assets'),
        'components': path.resolve(__dirname, '../src/components'),
        // Semantic-UI
        'semantic'  : path.resolve(__dirname, '../node_modules/semantic-ui-css/semantic.min.js')
    }
}
1
2
3
4
5
6
7
8
9
10
11
//webpack.dev.config.js 文件中添加，
new webpack.ProvidePlugin({
  $              : "jquery",
  jQuery         : "jquery",
  "window.jQuery": "jquery",
  "root.jQuery"  : "jquery",
  // Semantic-UI
  semantic     : 'semantic-ui-css',
  Semantic     : 'semantic-ui-css',
  'semantic-ui': 'semantic-ui-css'
}),
1
2
3
//App.vue
import semantic from 'semantic'
import '../node_modules/semantic-ui-css/semantic.min.css'