iView快速使用

iView快速入门

#1 环境

"view-design": "^4.0.0",
"vue": "^2.5.2",

#2 官方文档

#2.1 链接

https://www.iviewui.com/docs/introduce

#2.2 前提条件

1. 安装node
2. 安装vue

#2.3 安装iView

使用npm

npm install view-design --save

或使用

#2.4 快速上手

在 webpack 入口页面 main.js 中如下配置(Vue模板中的main.js)：

import Vue from 'vue'
import App from './App'
import router from './router'
import ViewUI from 'view-design';
import 'view-design/dist/styles/iview.css';

Vue.use(ViewUI);
Vue.config.productionTip = false;

new Vue({
    el: '#app',
    router,
    components: { App },
    template: '<App/>'
});

#3 其他

安装scss

使用npm将以下的模块都装上

"less": "^2.7.3",
"less-loader": "^4.0.5",
"node-sass": "^4.9.4",
"sass-loader": "^7.1.0",

使用scss

<style scoped lang="scss">
    // 
</style>