小程序中使用less

小程序中使用less

原生小程序不支持 less ，其他基于小程序的框架大体都支持，如wepy、mpvue,taro,等，

但是仅仅因为一个less功能，而去引入一个框架，肯定是不可取的。因此可以用以下方式来实现

1. 编辑器是vscode
2. 安装插件easy less
3. 在vscode的设置中加入如下，配置：

打开vscode编辑器–> 左下角设置–>右上角打开设置–>settings.json文件

"less.compile": {
	"outExt": ".wxss"
}

4. 在要编写样式的地方，新建less文件，如：index.less，然后正常编辑即可。

   将index.wxss的后缀名更改为 index.less，在less文件中编写样式保存。

   系统会自动添加index.wxss文件

5. less 中使用calc的时候注意

height: ~'calc(100vh - 90rpx)';