前端-使用less写网页必备的文件夹和规则

文件夹：

css、less

images、uploads（这个放经常更换的图片）

js、lib（图标）

---

文件：

index.html

favicon.ico（link引用）

---

设置说明：

1、less必备的插件：Easy less

2、语法：

1.注释    第一种：//（ctrl+/）
              第二种：/*注释内容*/（ctrl+shift+a）

2.运算    其他直接写，除法加括号或.
              例子：
              width:(100/4px)；
              height:100./4px;    

3.嵌套和&

4.变量    @名字：值
              例子：
              @colora:pink;

5.导入less文件    @import“文件路径”；
                            例子:
                            @import“base.less”

6.导出css文件    方法一：实现所有less有相同的导出路径
                           设置 → 搜索EasyLess → 在setting.json中编辑 → 添加代码（注意，必须是双引号）
            
                           方法二：使用less语法
                           Less文件第一行添加括号里面的代码（//out：./css/）, 注意文件夹名称后面添加/

7.禁止导出css文件    在less文件第一行添加: // out: false

三、使用rem单位必须引入js

<script src="./js/flexible.js"></script>

可在less设置@rootValue:37.5rem;