开放原子开发者工作坊

所有安装都是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>