所有安裝都是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項目中的相關插件