将less文件转换成css文件

html-css022

将less文件转换成css文件,第1张

两种方式,分别为:1、手动生成;2、使用webstorm自动生成。 1、项目的文件结构 2、在less文件的根目录 Shift + 鼠标右键 + 选择‘在此处打开命令窗口’ 3、输入命令:lessc + 空格 + less文件名 如:lessc main.less 4、继续输入命令:lessc + 空格 + less文件名 + 空格 + 大于号 + 空格 + css文件名 如:lessc main.less >main.css1、File + Settings 2、Tools + File Watchers 3、点击‘确定’即可 4、当你修改less文件时,css文件将自动生成。

webstorm需要配置一下,可以自动编译Less生成css。

进入设置界面

2找到

3.添加4.完成之后,直接创建less文件会自动生成css.