1、首先安装less插件,在hbuilder中点击“工具”,
2、然后点击“插件安装”,在弹出的框中选择“安装新插件”,如果列表里没有,就点击“前往插件市场安装”
3、安装完后重启hbuilder。这个时候就可以写less,并且可以正常运行了。
页面效果:
4、想要编译之后的样式显示在css文件中,可以进行插件配置让less编译完自动生成css文件。
如图点击 > 然后将“onDidSaveExecution”的值改成true > 然后重启HbuilderX即可保存less的时候自动生成css文件
编译完的css: