一开始我找了很多系统自带的快捷键总结和介绍,就怕自定义设置的和他们冲突,直到看到README.MD文件中的这个属性介绍:在这里插入图片描述
就想为什么不把编译快捷键设置成ctrl+s呢,然后再把这个属性设置为true,这样就可以在触发保存按钮的同时,执行编译:具体步骤:

  1. 打开package.json在这里插入图片描述
  2. 修改框中的key和这个触发属性:
    在这里插入图片描述
    修改完是这样的:
{
	"name": "less",
	"id": "compile-less",
	"displayName": "%displayName%",
	"version": "1.0.5",
	"engines": {
		"HBuilderX": "^3.2.6"
	},
	"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
		}]
	},
	"dependencies": {
		"less": "3.9.0"
	},
	"extensionDependencies": [
		"npm"
	],
	"description": "%description%"
}

  1. 点开less,文件,保存
    在这里插入图片描述
  2. 最后一定记得改完保存并退出Hbuild,才会真正生效。

更多推荐