Skip to main navigation Skip to main content Skip to page footer
Wolfgang Wagner - TYPO3 Seminare, Workshops, Tutorials, Support
Finally, another up-to-date Fluid extension for VSCode

Finally, another up-to-date Fluid extension for VSCode

Have the article read aloud.

Loading the Elevenlabs Text to Speech AudioNative Player...
| TYPO3 | Estimated reading time : min.
This article was automatically translated using DeepL. Therefore, inaccuracies may occur.

Simon Praetorius, maintainer of TYPO3 Fluid, has released a new VSCode extension. It brings Syntax Highlighting, Live Template Analysis and ViewHelper-Autocomplete to VSCode, Cursor, Windsurf and VSCodium.

If you work with TYPO3 and don't want to use PhpStorm, you haven't had a particularly convenient choice when it comes to Fluid in recent years. There were plugins, but none of them were really up to date. That has now changed.

Simon Praetorius, maintainer of TYPO3 Fluid, has released a new extension that brings Fluid into VSCode and compatible editors. The project runs under the Friends of TYPO3 namespace. You can see that in the plugin. It is cleanly done and is close to the current state of Fluid.

What the extension can do

A few highlights:

  • Syntax highlighting for Fluid (HTML and text)
  • Code snippets
  • Live template analysis, i.e. direct display of syntax errors and deprecations in the editor
  • Autocomplete and inline documentation for the built-in ViewHelper (in tag mode)

If you use DDEV, you also benefit from the fact that the associated binaries are automatically executed in the web container if required.

I deliberately do not want to go into more detail at this point. If you want to know more, take a look at the README in the GitHub repository.

Also works in Cursor and Windsurf

Not to be underestimated: The extension not only runs in VSCode, but also in VSCodium, Cursor and Windsurf. This means that it is also interesting for developers who have now expanded their workflow to include AI editors such as Cursor.

The plugin can be found in the Visual Studio Marketplace under FriendsOfTYPO3.fluid-language, and there is a separate version for OpenVSX.

My take on this

I myself continue to use PhpStorm for TYPO3 development. I only use VSCode for individual tasks, not for daily work with Fluid. Nevertheless, I am pleased with this release. It was long overdue for there to be another plugin that takes the current state of Fluid seriously. And the fact that the extension comes from Simon Praetorius of all people fits in with the line of the last few years.

He has recently pushed Fluid forward significantly, with Fluid 4 and 5, his own CLI tools and a clearer separation between Fluid Standalone and the TYPO3 integration. A modern editor connection is the logical next step.

Anyone who works with VSCode, Cursor or Windsurf and writes Fluid should take a look at the plugin. And if you feel like it, you can take part in the further development via issues and pull requests.

Source and further information

All details, installation variants and configuration options can be found directly in the repository: github.com/FriendsOfTYPO3/vscode-fluid-language

Back

Do you have a question or want to discuss the topic?

In the Community Hub for TYPO3 you can exchange ideas with other TYPO3 users. And if you don't want to miss any new articles: The TYPO3 Newsletter comes once a month, without spam.

[Translate to English:] Wolfgang Wagner, TYPO3 Experte und Trainer

Hi, I'm Wolfgang.

I have been working with TYPO3 since 2006. Not in theory, but in real projects with real deadlines. I've probably had the problems you're having three times already.

At some point, I started putting my knowledge into video courses. Not because I like being in front of the camera, but because I kept hearing the same questions over and over again. There are now hundreds of videos. Every single one was the result of a specific question from a specific project.

What makes me different from a YouTube tutorial: I not only know the solution, but also the context. Why something works. When it doesn't work. And which mistakes you can avoid because I've already made them.

My participants use me as a sparring partner. Not in the sense of "call me anytime", but like this: You come to the live session with a specific problem, post your question in the community or watch the appropriate video. And get an answer that works because it comes from practical experience.

As a member of the TYPO3 Education & Certification Committee, I make sure that the certification exams are kept up to date. What is tested there flows directly into my courses.