vue常见的扩展安装方式汇总

关注

原创最新推荐文章于 2026-06-23 08:59:13 发布 996 阅读 AI 写同款· GEO 优化 ›

Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题所需的所有文件，链接：https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码：2yvc 一、vue.js插件下载下载地址：vue.js插件下载；点击进入Vue官网即可下载，共有两种版本的插件（开发版本：vue.js，生产版本：vue.main.js），建议使用开发版本。开发版本有更多的错误信息提示和调试，文件较大，生产办文件小但是很多提示不全，解决开发阅读详情

less和sass
npm install less less-loader --save-dev
npm install sass sass-loader --save-dev

webpack.base.conf.js > module.exports =下module:{rules:[下添加


      ,{
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader",
      }

使用方式在style上添加lang=”less”

<style  scoped lang="less">
 .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>