美文网首页
【uni-app】HBuilderX自动编译成scss

【uni-app】HBuilderX自动编译成scss

作者: 大Q本Q | 来源:发表于2019-07-30 10:54 被阅读0次

环境:

Mac

编辑器:

HBuilderX

需求:

HBuilderX对scss自动编译成css

解决方法:

  1. 安装scss/sass编辑插件
    工具 - 插件安装 - scss/sass编译


    image.png
  2. 修改配置,允许保存scss文件后,自动编译成css
    工具 - 插件配置 - compile-node-sass - package.json
    将"onDidSaveExecution"设置成true


    image.png
  3. 重启HBuilderX,完成

相关文章

  • 【uni-app】HBuilderX自动编译成scss

    环境: Mac 编辑器: HBuilderX 需求: HBuilderX对scss自动编译成css 解决方法: 安...

  • 2018-12-26 HBuilderX 常见问题

    1.将uni-app项目编译成H5项目时出现: 这是因为将HBuilderX安装到了含有(符号的路径下了(因为我有...

  • uni-app小程序开发项目启动

    开发工具 建议采用uni-app推荐的HBuilderX(项目创建采用HBuilderX可视化界面的方式创建) 为...

  • DCloud

    DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、mui、wap2app...

  • uni-app开发 —— 配置环境

    工欲善其事必先利其器 前序: uni-app官网地址:uni-app HBuilderx下载地址:HBuilder...

  • uniapp

    .在HBuilderX中新建uni-app 新建uni-app项目.jpg 2.项目初始目录结构 初始目录结构 3...

  • uni-app 创建

    创建 uni-app 有两种方式 快速搭建 uni-app 使用编译器HbuilderX 创建 使用 vue-cl...

  • uni-app 运行小程序报“请检查 project.confi

    uni-app在mac上用HBuilderX运行小程序时遇到: StatusCodeError: 400 - "{...

  • 从零搭建一个uni-app项目

    第一步:准备好HbuilderX工具哦。 uni-app官网有相关的介绍,另外也可以参考我的那篇HbuilderX...

  • 2019-03-20

    9 多端开发之uni-app起步 1.在HBuilderX中新建uni-app 2.项目初始目录结构 4.配置pa...

网友评论

      本文标题:【uni-app】HBuilderX自动编译成scss

      本文链接:https://www.haomeiwen.com/subject/ytegrctx.html