将less文件转换成css文件

两种方式，分别为：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文件将自动生成。

亲您好，LESS文件生效的组件层级如下：

1. 全局：LESS文件对所有组件有效，无论在贺镇什么位置，只要打开文禅芹粗件，就可以生效

2. 项目：LESS文件只对该项目有效，即只对本项目中的所有组件有效

3. 组件：LESS文件只对该组件有效，即只能应用于同一组件的样式设置

4. 元首祥素：LESS文件只对该元素有效，即只能应用于同一元素的样式设置

---