快乐双彩2009002期:Stylelint + TextMate integration

October 1st, 2017. Tagged: CSS, tools

Naturally, you want your lint tools integrated with your text editor. Here's what I did to integrate Stylelint (hello!) with TextMate.

New Bundle

In TextMate... menu Bundles / Edit Bundles.... I didn't see a way to add a new Command, so I right-clicked an existing one (one with a C icon for Command), selected Find in Finder and just duplicated it. This way it appears in the bundle editor and you can tweak.. To create a new command, go File / New and choose "Command" in the prompt.

PATH is in order

You need to have the path to node and to stylelint (likely the same) in your TextMate path preferences (menu TextMate / Preferences / Variables / PATH). To tell where node is, type `which node`.

Global config

Stylelint needs a config. See last post on how to setup a global one.

Setting up the new command

Here's a screenshot of my setup:

textmate + stylelint bundle setup

Basically run Stylelint when pressing CMD+L. Show the results in a tooltip.

And some magic to find the first error to move the cursor there:

#!/usr/bin/env ruby18
require ENV['TM_SUPPORT_PATH'] + '/lib/textmate'

error = `stylelint "$TM_FILEPATH"`

if error.empty?
  puts 'No lint errors'
else
  puts error
  TextMate.go_to :line => $1, :column => $2 if error =~ / (\d+):(\d+)/
end

In action

And here is the whole integration in action. The lint finds an error and helpfully moves the cursor there.

textmate + stylelint in action

Tell your friends about this post: Facebook, Twitter, Google+

Sorry, comments disabled and hidden due to excessive spam.

Meanwhile, hit me up on twitter @stoyanstefanov


  • 运城市在长三角招商引资149.9亿元 2019-04-08
  • 济南五胞胎雪虎宝宝亮相 四雌一雄萌态十足 2019-04-08
  • 去产能迎年中考 煤炭、钢铁企业债务问题依然存在 2019-04-07
  • 最高检等四部门出台意见 指导依法办理恐怖活动和极端主义犯罪案件 2019-04-07
  • 广州市黄埔区人民法院公告专栏 2019-03-28
  • 这个“海之宁”是个死抱着相对论旧谬误不放,疯狂反对科学新真理的跳梁“小丑”,这个跳梁“小丑”根本就不懂得尊重客观事实及其规律,总是无视、脱离、歪曲客观... 2019-03-22
  • 如何理解孔子这句话?北大教授胡军动情论生死 2019-03-21
  • 海外舆论关注中国最新军备 称赞习近平主席强军号令 2019-03-19
  • 女性之声——全国妇联 2019-03-19
  • 美司法部科米在希拉里邮件门调查中存在过失 2019-03-17
  • “四新”彰显党的十九大思想灵魂和精髓要义 2018-08-17
  • 热身赛-U17女篮73-68立陶宛 杨舒宇19分刘禹彤13分 2018-08-16
  • 七月流火:一半是甜蜜 一半是仁慈 2018-08-15
  • “嫦娥”飞向月球背面,将会揭开哪些秘密? 2018-08-15
  • 一代枭雄身后事:“曹操墓”认定过程缘何一波三折? 2018-08-04
  • 9| 36| 101| 721| 109| 31| 629| 29| 726| 495|