在webstorm,新建less文件名和原有CSS文件名一致导致原CSS文件丢失,如何找回CSS文

Posted 2023-04-13

参考技术A less文件会直接生成同名的css文件并替换
你可以在webstorm 里filewatch 关闭less编译 参考技术B 打开css文件，在文件里右键查看历史。本回答被提问者采纳 参考技术C 这个问题我遇到过，我在之前没有关闭的浏览器下载了CSS文件。

将less文件转换成css文件

参考技术A 两种方式，分别为：1、手动生成；2、使用webstorm自动生成。

1、项目的文件结构

2、在less文件的根目录

Shift + 鼠标右键 + 选择‘在此处打开命令窗口’

3、输入命令：lessc + 空格 + less文件名

如：lessc main.less

4、继续输入命令：lessc + 空格 + less文件名 + 空格 + 大于号 + 空格 + css文件名

如：lessc main.less > main.css

1、File + Settings

2、Tools + File Watchers

3、点击‘确定’即可

4、当你修改less文件时，css文件将自动生成。