将less文件转换成css文件

html-css0154

将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 ,找到 easy less 第二，安装完记得重启 第三，ctrl+, 快捷键打开设置，也可以在 文件 >首选项 >设置 第四，搜 less.complie ，点击less,拉倒最底下，找到 setting.json 第五，在json配置中加入，less.compile(less配置)

可以的，在选择器方面，less和css的用法是一样的，组选择器，

后代选择器

，伪

类选择器

等等这些都是可以的。只是在某一些特殊情况，css能做的less就做不好而已，所以如果是

小项

目的话，还是用css好，不用经过less预处理了；大型项目用less就是不错的选择，便于维护。