<commit_before>---
title: IDE Integration
---

# File Opener Preference

When clicking on a file path from the {% url "Test Runner" test-runner %} in the {% url "command log" test-runner#Open-files-in-your-IDE %} or an {% url "error" debugging#Errors %}, Cypress will attempt to open the file on your system. If the editor supports inline highlighting of the file, the file will open with the cursor located on the line and column of interest.

{% imgTag /img/guides/file-opener-ide-go-to-line.gif "Open file at line in VS Code" %}

The first time you click a file path, Cypress will prompt you to select which location you prefer to open the file. You can choose to open it in your:

- File system (e.g. Finder on MacOS, File Explore on Windows)
- An IDE located on your system
- A specified application path

{% note warning %}
Cypress attempts to find available file editors on your system and display those as options. If your preferred editor is not list, you can specify the (full) path to it by selecting **Other**. Cypress will make every effort to open the file, *but it is not guaranteed to work with every application*.
{% endnote %}

After setting your file opener preference, any files will automatically open in your selected application without prompting you to choose. If you want to change your selection, you can do so in the **Settings** tab of the Cypress Test Runner by clicking under **File Opener Preference**.

{% imgTag /img/guides/file-opener-preference-settings-tab.png "screenshot of Test Runner settings tab with file opener preference panel" %}

# Extensions & Plugins

There are many third-party IDE extensions and plugins to help integrate your IDE with Cypress.

## Visual Studio Code

- {% url "Cypress Fixture-IntelliSense" https://marketplace.visualstudio.com/items?itemName=JosefBiehler.cypress-fixture-intellisense %}: Supports your {% url "`cy.fixture()`" fixture %} and {% url "`cy.route(..., "fixture:")`" route %} commands by providing intellisense for existing fixtures.
- {% url "Cypress Helper" https://marketplace.visualstudio.com/items?itemName=Shelex.vscode-cy-helper %}: Various helpers and commands for integration with Cypress.
- {% url "Cypress Snippets" https://marketplace.visualstudio.com/items?itemName=andrew-codes.cypress-snippets %}: Useful Cypress code snippets.
- {% url "Open Cypress" https://marketplace.visualstudio.com/items?itemName=tnrich.vscode-extension-open-cypress %}: Allows you to open Cypress specs and single `it()` blocks directly from VS Code.
- {% url "Test Utils" https://marketplace.visualstudio.com/items?itemName=chrisbreiding.test-utils %}: Easily add or remove `.only` and `.skip` modifiers with keyboard shortcuts or the command palette.

## IntelliJ Platform

Compatible with IntelliJ IDEA, AppCode, CLion, GoLand, PhpStorm, PyCharm, Rider, RubyMine, and WebStorm.

- {% url "Cypress Support" https://plugins.jetbrains.com/plugin/13819-intellij-cypress %}: Integrates Cypress under the common Intellij test framework.
- {% url "Cypress Support Pro" https://plugins.jetbrains.com/plugin/13987-cypress-pro %}: An improved version of Cypress Support plugin with debugging from the IDE, advanced autocomplete and other features.
<commit_msg>add mentioning of recorder in 'Cypress Support Pro' plugin (#2952)<commit_after>---
title: IDE Integration
---

# File Opener Preference

When clicking on a file path from the {% url "Test Runner" test-runner %} in the {% url "command log" test-runner#Open-files-in-your-IDE %} or an {% url "error" debugging#Errors %}, Cypress will attempt to open the file on your system. If the editor supports inline highlighting of the file, the file will open with the cursor located on the line and column of interest.

{% imgTag /img/guides/file-opener-ide-go-to-line.gif "Open file at line in VS Code" %}

The first time you click a file path, Cypress will prompt you to select which location you prefer to open the file. You can choose to open it in your:

- File system (e.g. Finder on MacOS, File Explore on Windows)
- An IDE located on your system
- A specified application path

{% note warning %}
Cypress attempts to find available file editors on your system and display those as options. If your preferred editor is not list, you can specify the (full) path to it by selecting **Other**. Cypress will make every effort to open the file, *but it is not guaranteed to work with every application*.
{% endnote %}

After setting your file opener preference, any files will automatically open in your selected application without prompting you to choose. If you want to change your selection, you can do so in the **Settings** tab of the Cypress Test Runner by clicking under **File Opener Preference**.

{% imgTag /img/guides/file-opener-preference-settings-tab.png "screenshot of Test Runner settings tab with file opener preference panel" %}

# Extensions & Plugins

There are many third-party IDE extensions and plugins to help integrate your IDE with Cypress.

## Visual Studio Code

- {% url "Cypress Fixture-IntelliSense" https://marketplace.visualstudio.com/items?itemName=JosefBiehler.cypress-fixture-intellisense %}: Supports your {% url "`cy.fixture()`" fixture %} and {% url "`cy.route(..., "fixture:")`" route %} commands by providing intellisense for existing fixtures.
- {% url "Cypress Helper" https://marketplace.visualstudio.com/items?itemName=Shelex.vscode-cy-helper %}: Various helpers and commands for integration with Cypress.
- {% url "Cypress Snippets" https://marketplace.visualstudio.com/items?itemName=andrew-codes.cypress-snippets %}: Useful Cypress code snippets.
- {% url "Open Cypress" https://marketplace.visualstudio.com/items?itemName=tnrich.vscode-extension-open-cypress %}: Allows you to open Cypress specs and single `it()` blocks directly from VS Code.
- {% url "Test Utils" https://marketplace.visualstudio.com/items?itemName=chrisbreiding.test-utils %}: Easily add or remove `.only` and `.skip` modifiers with keyboard shortcuts or the command palette.

## IntelliJ Platform

Compatible with IntelliJ IDEA, AppCode, CLion, GoLand, PhpStorm, PyCharm, Rider, RubyMine, and WebStorm.

- {% url "Cypress Support" https://plugins.jetbrains.com/plugin/13819-intellij-cypress %}: Integrates Cypress under the common Intellij test framework.
- {% url "Cypress Support Pro" https://plugins.jetbrains.com/plugin/13987-cypress-pro %}: An improved version of Cypress Support plugin with debugging from the IDE, advanced autocomplete, built-in recorder and other features.

{'fraction_non_alphanumeric': 0.09558146670757901, 'fraction_numerical': 0.00368211107701749, 'mean_word_length': 4.6539462272333045, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 14, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2259578', 'n_tokens_mistral': 1950, 'n_tokens_neox': 1804, 'n_words': 779}