hbuilderX开发工具less插件安装及自动编译设置的方法

老孙最近发现,国产牛逼IED工具-hbuilder对产品线进行了大的调整,把之前臃肿的老版HBuilder做了精简,发布了速度更快,更高效的hbuilderX版本。

HBuilderX其实就之前hbuilder的精简版,把一些不常用的功能都剔除掉了,专注web代码编写。

老孙试用了一下,比原来顺畅多了,国产良心IDE,墙裂推荐。

好了,不打广告了。这篇文章主要说一下hbuilderX中如何设置less插件及如何设置保存自动编译less文件。

1、菜单栏中依次找到 工具->插件安装

2、找到less编译插件,点击右侧安装

3、新建一个less文件,然后在该文件上 右键->外部命令/插件->less->插件配置

4、在打开的package.json配置文件中找到onDidSaveExecution,设置为true即可

5、重启一下HBuilderX软件。再去编写less文件的时候,就可以自动编译出css文件了。

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
Adobe cc系列软件(Photoshop、illustrator等)安装时提示“权限错误,无法写入注册表值。请检查权限。错误代码:160”的解决方法
Adobe cc系列软件(Photoshop、illustrator等)安装时提示“权限错误,无法写入注册表值。请检查权限。错误代码:160”的解决方法
2
据说,世界上程序员总共分两种
据说,世界上程序员总共分两种
3
webstorm设置ftp连接和自动同步的方法
webstorm设置ftp连接和自动同步的方法
4
老孙IT数码站 低调上线
老孙IT数码站 低调上线
5
hbuilder编辑器无法自动编译less文件的终极解决方案之koala考拉解析器
hbuilder编辑器无法自动编译less文件的终极解决方案之koala考拉解析器
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主