将less文件转换成css文件

html-css021

将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文件将自动生成。

背景:在项目中使用了less,用的是vscode中esay less插件,但在每次保存.less文件时,都会在对应的同级文件夹内生成一个.css文件,如何避免这样的情况呢? 解决办法:在同级目录下的.vscode文件夹(没有则新建一个)中创建 settings.json 文件,在文件中写: