首页 > 其他分享 >Pycharm配置less编译生成的css文件到指定目录

Pycharm配置less编译生成的css文件到指定目录

时间:2023-08-03 15:12:47浏览次数:48  
标签:map FileNameWithoutExtension 文件 less Pycharm 目录 css

一、当前演示项目目录

image

二、标记less文件夹为资源目录

不标记其实也不影响

image

三、打开File Watchers(文件监视器)

  • 在主菜单中选择 "File"(文件)> "Settings"(设置)(Windows/Linux)或 "PyCharm"(Windows)/ "Preferences"(Mac)
  • 或者使用快捷键 "Ctrl + Alt + S"(Windows/Linux)或 "Command + ,"(Mac)打开设置对话框。
  • 在设置对话框中,找到并选择 "Tools"(工具)> "File Watchers"(文件监视器)
    image

四、添加less文件监视

image

五、less文件监视配置

  • 配置program(我是把npm安装的less添加到了环境变量path里了的)
    image
  • 配置arguments,就是把当前目录下xx文件 编译生成到指定目录下去

如果不想生成map文件的话,就可以不用加上--source-map

--no-color $FileDir$/$FileName$ $FileParentDir$/css/$FileNameWithoutExtension$.css --source-map

  • 配置output paths to refresh(刷新目录)
    $FileParentDir$/css/$FileNameWithoutExtension$.css:$FileParentDir$/css/$FileNameWithoutExtension$.css.map

六、测试

image

标签:map,FileNameWithoutExtension,文件,less,Pycharm,目录,css
From: https://www.cnblogs.com/bangbangzoutianya/p/17603358.html

相关文章

  • 阿里云宣布 Serverless 应用引擎 SAE2.0 将公测上线,多款产品全新升级
    7月31日,阿里云智能云原生应用平台负责人丁宇宣布,Serverless应用引擎SAE2.0将于8月7日公测上线,开源版将于9月30日发布。本次升级围绕极简体验、标准开放、极致弹性三大优势展开,应用冷启动全面提效,支持缩容到0,应用成本下降 40%以上。此外,阿里云还带来容器服务Serv......
  • 阿里云容器服务 Serverless 版(ACK Serverless)全新升级
    7月31日,阿里云智能云原生应用平台负责人丁宇宣布,容器服务Serverless版ACKServerless全新升级。ACKServerless:免运维、极致弹性的K8s全托管服务阿里云在2018年发布了首个Serverless容器服务ASK,其本质是将容器的运行时和具体的节点运行环境解耦,让用户无需管理K8s节......
  • 阿里云容器服务 Serverless 版(ACK Serverless)全新升级
    7月31日,阿里云智能云原生应用平台负责人丁宇宣布,容器服务Serverless版ACKServerless全新升级。ACKServerless:免运维、极致弹性的K8s全托管服务阿里云在2018年发布了首个Serverless容器服务ASK,其本质是将容器的运行时和具体的节点运行环境解耦,让用户无需管理K8s......
  • CSS 布局面试题目
    盒子模型盒子模型包含margin,padding,border,content四个内容盒子模型可分为标准盒模型和怪异盒模型盒子模型可通过box-sizing设置margin和padding的区别margin用来设置元素之间的距离padding用来设置元素与内容之间的距离,padding的背景色与content一致纵向边距重叠......
  • 活动回顾|阿里云 Serverless 技术实战与创新成都站回放 & PPT 下载
    7月29日“阿里云Serverless技术实战与创新”成都站圆满落幕。活动受众以关注Serverless技术的开发者、企业决策人、云原生领域创业者为主,活动形式为演讲、动手实操,让开发者通过一个下午的时间增进对Serverless技术的理解,快速上手Serverless,拥抱云计算新范式带来的技术红......
  • 活动回顾|阿里云 Serverless 技术实战与创新成都站回放 & PPT 下载
    7月29日“阿里云Serverless技术实战与创新”成都站圆满落幕。活动受众以关注Serverless技术的开发者、企业决策人、云原生领域创业者为主,活动形式为演讲、动手实操,让开发者通过一个下午的时间增进对Serverless技术的理解,快速上手Serverless,拥抱云计算新范式带来的技术......
  • CCPC Changchun 2020 D, Meaningless Sequence题解
    听说是签到题。不难看出设x为i二进制个数下1的个数(还是难的),则a_i=c^x。那么我们只需要考虑所有0到n的个数。当n为1111时,可以得到为(1+c)^n次方,那么我们把答案看成两部分一部分是1到111...和1000到n,那么当si位为1时,可以看成是n去掉前一位后再乘以c,递推得到每一个位置的答案,就是......
  • less中更改iview组件默认样式
    1.先声明变量'deep'@deep:~">>>";2.使用该变量去修改ivew的样式@{deep}.ivu-modal-body//与类之间要有空格完整代码:@deep:~">>>";#qualityControlIssueList{height:100%;.textRight{text-align:right}.searchForm{......
  • Amazon Aurora Serverless v2 正式发布:针对要求苛刻的工作负载的即时扩展
    我们非常兴奋地宣布,AmazonAuroraServerlessv2 现已面向AuroraPostgreSQL和MySQL正式发布。AuroraServerless是一种面向 AmazonAurora 的按需自动扩展配置,可让您的数据库根据应用程序的需求扩展或缩减容量。亚马逊云科技开发者社区为开发者们提供全球的开发技术......
  • pycharm设置中文,无序外部插件
    直接内部安装Chinese就OK,不需要太多的繁琐步骤,直接searchfor,Chinese,然后直接......