electron-vue UI框架 ElementUi的使用、 electron-vue 中使用sass

文檔：http://element-cn.eleme.io/#/zh-CN/component/installation

01、electron-vue中使用element-ui： 1.安裝npm i element-ui -S 2、引入以及配置element-ui   renderer/main.js import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 3、看文檔使用 找到組件 <el-button type="primary">主要按鈕</el-button>
          <el-button type="success">成功按鈕</el-button>
          <el-button type="info">信息按鈕</el-button>
02、electron-vue中使用sass 1.安裝sass-loader node-sass      npm install --save-dev sass-loader node-sass 2、在vue文件中修改style <style lang="scss"> body { /* SCSS */ } </style>
03、注意：如果需要在頁面中通過import引入scss 如：  import '../assets/style.scss'; 需要進行如下操作: 1、安裝 sass-loader node-sass：             cnpm install sass-loader node-sass  --save 2、找到webpack.renderer.config.js配置 　　{ test: /\.scss$/, use: [ "style-loader", // creates style nodes from JS strings
            "css-loader", // translates CSS into CommonJS
            "sass-loader" // compiles Sass to CSS, using Node Sass by default
 ] } 3、結束項目重新運行 npm run dev 這個時候項目中就可以通過import命令引入scss了 import '../assets/style.scss';