首页 > 其他 > 详细

vue项目中的相关插件

时间:2019-02-28 16:34:02      阅读:156      评论:0      收藏:0      [点我收藏+]

所有安装都是cd到该项目目录中安装 -S代表将插件添加到项目中的package.json文件

1、iview 

是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品

cnpm install iview -S

在项目中引入iview 在入口文件main.js中配置

import iView from iview
import iview/dist/styles/iview.css
Vue.use(iView)

2、node-sass与sass-loader

node-sass是解析sass和scss=>css的基础,webpack中的sass-loader依赖于node-sass,所有想要打包sass和scss文件,这个依赖是避免不了的,sass-loader可以使css代码链式调用也可以理解为嵌套使用

cnpm install node-sass -S
cnpm install sass-loader -S

配置以及示例

<style lang=‘scss‘ scoped>
    .header {
        width: 1200px;
        height: 148px;      
        .hed-nav {
            width: 100%;
        }
    }
</style>

 

vue项目中的相关插件

原文:https://www.cnblogs.com/liluning/p/10451254.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!