微信小程序开发者工具怎么使用Less、Sass


前言


一、Sass使用

第一步

点击插件按钮,点击设置··· 你可以选择全部导入也可以按需导入, 小提示:全部导入的话,如果你电脑性能不是很好,你的VSCode插件很多的话,你的电脑有可能会卡死,等个几分钟就好了,或者十几分钟。

按需导入

点击从已解包的扩展文件夹安装 找到这个文件夹,点击选择文件夹,就可以导入啦,等待完成即可

如何设置Sass

找到Sass扩展插件,点击第一步,点击第二步 进入这个页面点击第一步,第二步 找到这个配置项,里面有两个配置项,随便删除一个,留一个就行了,wxss不需要min.wxss,改为.wxss就可以了

应用

这是sass里的内容

.index {
          
   
  border: 1rpx solid #aaa;

  .home {
          
   
    width: 100%;
  }
}
这是wxss的内容
.index {
          
   
  border: 1rpx solid #aaa;
}

.index .home {
          
   
  width: 100%;
}

Less使用

后续更新!!!!!!

经验分享 程序员 微信小程序 职场和发展