Syntax highlighting extensions by default

Problem Statement

While Visual Studio Code (VSCode) comes with many built-in syntax highlighting options for various programming languages and file formats, it may not have support for all languages or file types out-of-the-box. An example of this is Vue.

However, the good news is that VSCode has a large and active community of developers who create and maintain a variety of extensions to add support for additional syntax highlighting, as well as other useful features. These extensions can be easily installed through the VSCode Marketplace, which can be accessed from within the editor.

  • Screenshot_2023-02-15_at_10.08.23

Proposal

Let's improve the default Web IDE experience by including some mechanism for supporting more languages out-of-the-box.

For now, let's just support .vue files and open follow-up issues for any other langues we might want to support.

Original Scope

Solution

  • By default, on GitLab.com, a curated set of trusted syntax highlighting extensions will be selected, whitelisted, and installed.
  • On self-managed instances, administrators will have the flexibility to choose which syntax highlighting extensions to install.

List of extensions

header Enabled By Default
Vue ❌
Haml ❌

Additional Details

  • .com:
  • Self-Managed:

Availability and Testing

Ensure updated test coverage in feature/e2e tests.

Edited by Nivetha Prabakaran