zoukankan      html  css  js  c++  java
  • vue入坑教程(二)在vue项目中如何导入element以及sass

    在项目中导入element以及sass、stylus等方便开发的工具以及UI框架

    (1)如何在vue项目中导入elementUI框架

      elementUI是饿了么团队开发出来基于vue的前端UI框架,其底层原理和bookstrap相似

      安装 npm install element-ui -S

      在package.json中检查是否已经装上element

      在main.js中:import ElementUI from 'element-ui'

            import 'element-ui/lib/theme-chalk/index.css'

            Vue.use(ElementUI)

    (2)如何在vue项目中使用sass预编译

       安装sass:npm install --save-dev sass-loader

           //sass-loader依赖于node-sass

             npm install --save-dev node-sass

       配置:在build文件夹下的webpack.base.conf.js的rules里面添加配置

          {

             test: /.sass$/,

               loaders: ['style', 'css', 'sass']

           }

       在APP.vue中修改style标签

          <style lang="scss">

  • 相关阅读:
    LeetCode-Letter Combinations of a Phone Number
    LeetCode-Sort Colors
    C++Memset误区
    LeetCode-Valid Palindrome
    LeetCode-Longest Consecutive Sequence
    C++豆知识索引
    C++ 哈希表
    LeetCode-Sum Root to Leaf Numbers
    LeetCode-Word LadderII
    LeetCode-Word Ladder
  • 原文地址:https://www.cnblogs.com/wangming1002/p/9059814.html
Copyright © 2011-2022 走看看