# Cylc syntax highlighting for VSCode, TextMate, PyCharm, WebStorm & Sublime Text 3

**URL:** <https://cylc.discourse.group/t/cylc-syntax-highlighting-for-vscode-textmate-pycharm-webstorm-sublime-text-3/235>\
**Category:** Cylc Announce\
**Created:** [May 4, 2020, 3:50pm UTC](https://cylc.discourse.group/t/cylc-syntax-highlighting-for-vscode-textmate-pycharm-webstorm-sublime-text-3/235 "2020-05-04T15:50:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MetRonnie](https://yyz2.discourse-cdn.com/free1/user_avatar/cylc.discourse.group/metronnie/32/125_2.png) [@MetRonnie](https://cylc.discourse.group/u/MetRonnie)\
**Post date:** [May 4, 2020, 3:50pm UTC](https://cylc.discourse.group/t/cylc-syntax-highlighting-for-vscode-textmate-pycharm-webstorm-sublime-text-3/235/1 "2020-05-04T15:50:53Z")

</div>

We have developed an extension for Visual Studio Code that provides syntax highlighting for Cylc files. It’s available at the Visual Studio Marketplace which can be accessed at [marketplace.visualstudio.com/items?itemName=cylc.vscode-cylc](https://marketplace.visualstudio.com/items?itemName=cylc.vscode-cylc) or from within VSCode by searching for “cylc” in the extensions panel. Note currently the minimum supported version of VSCode is v1.41.0; if you’re using an earlier version let us know as we can probably support it.

For the other editors, a TextMate bundle is available at [github.com/cylc/Cylc.tmbundle](https://github.com/cylc/Cylc.tmbundle) - follow the corresponding installation instructions there.

A package for Atom is also in the pipeline.

---

<div class="post-metadata">

**Author:** ![wxtim](https://yyz2.discourse-cdn.com/free1/user_avatar/cylc.discourse.group/wxtim/32/151_2.png) [@wxtim](https://cylc.discourse.group/u/wxtim)\
**Post date:** [May 6, 2020, 3:00pm UTC](https://cylc.discourse.group/t/cylc-syntax-highlighting-for-vscode-textmate-pycharm-webstorm-sublime-text-3/235/2 "2020-05-06T15:00:45Z")

</div>

I’ve just added it - it’s great!

---

<div class="post-metadata">

**Author:** ![blaylockbk](https://yyz2.discourse-cdn.com/free1/user_avatar/cylc.discourse.group/blaylockbk/32/157_2.png) [@blaylockbk](https://cylc.discourse.group/u/blaylockbk)\
**Post date:** [September 14, 2021, 5:03pm UTC](https://cylc.discourse.group/t/cylc-syntax-highlighting-for-vscode-textmate-pycharm-webstorm-sublime-text-3/235/3 "2021-09-14T17:03:34Z")

</div>

**The vscode cylc extension sure is handy!** Thanks for providing that.

One additional setting I find useful is I installed the font [Fira Code](https://github.com/tonsky/FiraCode) and turned on ligatures. This makes the arrow symbols in the `graph` section visually appealing

Default font  
 ![image](https://global.discourse-cdn.com/free1/uploads/cylc1/original/1X/a74cfc82ad1302a8e7641a933ad47648c4585135.png)

With Fira Code font ligatures (notice the change in the arrow)  
 ![image](https://global.discourse-cdn.com/free1/uploads/cylc1/original/1X/3fe5ab975f38a8282f87e3e25bbda83182c6a832.png)

In my settings.json…

```auto
"editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace"
"editor.fontLigatures": true,

```

---

<div class="post-metadata">

**Author:** ![wxtim](https://yyz2.discourse-cdn.com/free1/user_avatar/cylc.discourse.group/wxtim/32/151_2.png) [@wxtim](https://cylc.discourse.group/u/wxtim)\
**Post date:** [July 25, 2024, 1:32pm UTC](https://cylc.discourse.group/t/cylc-syntax-highlighting-for-vscode-textmate-pycharm-webstorm-sublime-text-3/235/4 "2024-07-25T13:32:08Z")

</div>

We’ve release V1.1.0 which now contains snippets with help for Cylc Workflow config items:

 ![image](https://global.discourse-cdn.com/free1/uploads/cylc1/original/1X/2d706b5e4db9844e070758bee4e4759af2d8cda1.png)