iView快速使用

Autooooooo

发布于 2020-11-09 10:07:34

1.1K0

发布于 2020-11-09 10:07:34

文章被收录于专栏：Coxhuang

iView快速入门

#1 环境

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

#2 官方文档

#2.1 链接

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

#2.2 前提条件

安装node
安装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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019/10/28 ，如有侵权请联系 cloudcommunity@tencent.com 删除

npm

css

javascript

vue.js

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

iView快速使用

iView快速使用

iView快速入门

#1 环境

#2 官方文档

#2.1 链接

#2.2 前提条件

#2.3 安装iView

#2.4 快速上手

#3 其他

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐