phpstorm 配置自动编译 less

前言

对于咱们使用phpStorm的开发者来说，很多时候用不惯vsCode，或者也懒得装webStorm，但是在开发过程中，又得使用到 less 来进行编译，操作如下：

安装

安装 node.js
安装 less
npm install less -g
安装css压缩插件less-plugin-clean-css（此步骤非必选，看个人需求）
npm install less-plugin-clean-css -g

配置phpStorm

在项目里：文件 → 设置 → 工具 → File Watchers，File Watchers 窗口点击一个 ‘+’ 选择 Less，打开 Less 窗口

下图中：参数一栏，原本是 $FileName$ $FileNameWithoutExtension$.css --source-map，我个人不想要缓存，删除了后面的map。
参数栏里 ../page/ 是需要保存的路径，不一定非要保存在当前目录，这里可以自由配置。

接下来 phpStorm 里编辑less文件，就会自动生成相应的css文件了

小结

我使用的版本是 phpStorm 2022.1.2，当前版本已经有官方的中文插件了，其它版本的配置方式也大致差不多。
喜欢用英文的，也可以参照上图配置。

phpstorm 配置自动编译 less相关推荐

在Eclipse中配置NDK自动编译环境builders
对于NDK的编译,切换到目标目录下,运行ndk-build脚本即可. 对于使用Eclipse开发,我们希望EC能自动的编译我们的NDK,那么只需要为工程添加一个Builders即可. 对于Window ...
后盾网lavarel视频项目---phpstorm 配置ftp，自动更新同步代码
后盾网lavarel视频项目---phpstorm 配置ftp, 自动更新同步代码一.总结一句话总结: 1.在phpstorm中设置:路径Tools/Deployment/Configuratio ...
第10步 (1)logback.xml日志配置(2) ftp(上传文件)服务器配置(3) idea注入和自动编译配置(4)项目提交gitee(5)fe助手和restlet client
**************************************************************************************************** ...
Android 持续集成实践（二）——配置 Docker + gitlab-runner 实现线上自动编译
文章目录前言系列文章 Android 持续集成实践(二)--配置 Docker + gitlab-runner 实现线上自动编译安装 Docker 安装 gitlab-runner 安装注册 ...
HBuilder配置Less或者Sass自动编译
关于Less\Sass或者其他CSS预处理语言的讲解,这里都没有! 这里主要讲的是HBulider里面怎样开启Less自动编译功能,实现我们编写less的时候,自动生成对应的css而不用每次都手动编译 ...
phpstorm 配置ftp，自动更新同步代码（亲测完美）
phpstorm配置ftp,自动更新代码 2017年01月16日 11:50:44 阅读数:2115 第一步:Tools->Deployment->configruation 第二步:填写 ...
linux(以ubuntu为例)下Android利用ant自动编译、修改配置文件、批量多渠道，打包生成apk文件...
原创,转载请注明:http://www.cnblogs.com/ycxyyzw/p/4555328.html 之前写过一篇<windows下Android利用ant自动编译.修改配置文件.批量 ...
编java用jdk还是editplus_怎样运用EditPlus进行配置Java编译环境
不知道大家是否知道其实学习java主要有三种开发工具,分别是文本编辑软件.EcliPSe以及JBuilder.那么他们三者之间又有什么区别呢?小编就这三者发表一下个人的意见吧.对于学习Java的初学者 ...
【Android】Eclipse自动编译NDK/JNI的三种方法
[Android]Eclipse自动编译NDK/JNI的三种方法 SkySeraph Sep. 18th 2014 Email:skyseraph00@163.com 更多精彩请直接访问SkySer ...

phpstorm 配置自动编译 less

前言

安装

配置phpStorm

小结

phpstorm 配置自动编译 less相关推荐

最新文章

热门文章