HbuilderX中的less保存文件后自动编译为css的解决方案

目录

1.安装less插件

 2.运行less文件

 3.设置保存完less文件，自动编译less并生成.css文件

---

1.安装less插件

 工具-->插件安装-->安装less编译插件

 2.运行less文件

写完less文件后，右击-->外部命令或插件-->less

 3.设置保存完less文件，自动编译less并生成.css文件

     在工具-->插件配置-->compile-less-->package.json文件-->将“onDidSaveExecution”的值改成true-->重启HbuilderX即可保存less的时候自动生成css文件

"external": {
		"type": "node",
		"programPath": "${pluginPath}",
		"executable": "/node_modules/.bin/lessc",
		"programName": "less",
		"commands": [
			{
				"id": "LESS_COMPILE",
				"name": "%external.commands.name%",
				"command": [
					"${programPath}",
					"${file}",
					"${fileBasename}.css"
				],
				"extensions": "less",
				"key": "",
				"showInParentMenu": false,
				"onDidSaveExecution": true
			}
		]
	},