Useful TYPO3 VS Code Extensions for Your TYPO3 Development

Are you in loving with popular Visual Studio Code PHP IDE? If you are use in your daily TYPO3 development, then you should consider to install and configure these VS Code Extensions.

Useful TYPO3 VS Code Extensions for Your TYPO3 Development

Install these VS Code extensions to speed up TYPO3 development: code, Fluid and TCA snippets, TypoScript and FlexForms support, plus Browser Preview, GitLens, PHP IntelliSense and more.

Updated 11 November 2026 | T3Planet editorial team

Are you in love with popular Visual Studio VS Code PHP IDE? If you are using it in your daily TYPO3 development, then you should consider to install and configure these useful TYPO3 VS Code Extensions for efficient development. Below are our top TYPO3 VS Code extensions.

Step 1. Go to VS Code > Tools > Extensions

Step 2. Search & Install following VS Code Packages

  • TYPO3 Code Snippets
  • TYPO3 Fluid Snippets
  • TYPO3 TCA Snippets
  • TYPO3 TypoScript
  • TYPO3 FlexForms Snippets
  • Browser Preview
  • GitLens
  • Material Icon Theme (Optional)
  • PHP IntelliSense
  • Project Manager
  • SFTP
  • Sublime Text Keymap and Settings Importer
  • Open VS Code, go to Extensions and search for the packages in the list.
  • TYPO3 Code, Fluid, TCA and FlexForms snippets plus TypoScript support cover most daily work.
  • Material Icon Theme is optional. Tools such as GitLens, Project Manager and SFTP help the workflow.
  • Working with AI tools in your editor? Explore the TYPO3 MCP Server starter kit.

Material Icon Theme is marked as optional in the list.

Yes. Install the TYPO3 TypoScript package from the list.

Yes. TYPO3 Fluid Snippets and TYPO3 TCA Snippets are both in the list.

Open VS Code, go to Tools and Extensions, then search for and install each package.

The list includes TYPO3 Code Snippets, TYPO3 Fluid Snippets, TYPO3 TCA Snippets, TYPO3 TypoScript and TYPO3 FlexForms Snippets, plus tools such as GitLens and PHP IntelliSense.