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
MacOS系统使用磁盘工具制作dmg软件安装包映像的超详细图文教程,学不会你打我
MacOS系统使用磁盘工具制作dmg软件安装包映像的超详细图文教程,学不会你打我
2
WordPress程序网站快速关闭评论功能 - Disable Comments插件
WordPress程序网站快速关闭评论功能 - Disable Comments插件
3
做前端开发的估计都这么干过。哈哈哈哈哈
做前端开发的估计都这么干过。哈哈哈哈哈
4
老孙保证,这是IE浏览器被黑最惨的一次了~~~~~
老孙保证,这是IE浏览器被黑最惨的一次了~~~~~
5
火狐Firefox和IE浏览下,a标签加href="javascript:void(0)"后点击会打开空页面的解决方法
火狐Firefox和IE浏览下,a标签加href="javascript:void(0)"后点击会打开空页面的解决方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主