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
程序员听诊加班法,果然是人才!
程序员听诊加班法,果然是人才!
2
最新爆料!产品经理提了一个需求,然后就和程序员打起来了
最新爆料!产品经理提了一个需求,然后就和程序员打起来了
3
苹果电脑MACOS系统打开软件提示“无法打开Final Cut Pro,因为无法确认开发者的身份”错误的解决方法
苹果电脑MACOS系统打开软件提示“无法打开Final Cut Pro,因为无法确认开发者的身份”错误的解决方法
4
IE11浏览器F12开发者工具中报错“Exception in window.onload: An error has occuredJSPlugin.3005”的解决方案
IE11浏览器F12开发者工具中报错“Exception in window.onload: An error has occuredJSPlugin.3005”的解决方案
5
“npm warn Unknown project config "electron_mirror". This will stop working in the next major version of npm”的解决方案
“npm warn Unknown project config "electron_mirror". This will stop working in the next major version of npm”的解决方案
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主