KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

vscode-bookmarks

★ 2,156 Open GitHub ↗

Bookmarks Extension for Visual Studio Code

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# What's new in Bookmarks 14.1

* Adds **Export** support
* Improved **Side Bar**
* Improved **Labeled Bookmark**
* Fully Open Source again
* Adds **Persian**, **French**, **Hindi** and **Polish** translations
* Setting to customize overview ruler lane
* Published to **Open VSX**

# Support

**Bookmarks** is an extension created for **Visual Studio Code**. If you find it useful, please consider supporting it.

# Bookmarks

It helps you to navigate in your code, moving between important positions easily and quickly. _No more need to search for code._ It also supports a set of **selection** commands, which allows you to select bookmarked lines and regions between bookmarked lines. It's really useful for log file analysis.

Here are some of the features that **Bookmarks** provides:

* **Mark/unmark positions** in your code
* Mark positions in your code and **give it name**
* **Jump** forward and backward between bookmarks
* Icons in **gutter** and **overview ruler**
* See a list of all Bookmarks in one **file** and **project**
* **Select lines** and **regions** with bookmarks
* A dedicated **Side Bar**

# Features

## Available commands

* `Bookmarks: Toggle` Mark/unmark positions with bookmarks
* `Bookmarks: Toggle Labeled` Mark labeled bookmarks
* `Bookmarks: Jump to Next` Move the cursor forward, to the bookmark below
* `Bookmarks: Jump to Previous` Move the cursor backward, to the bookmark above
* `Bookmarks: List` List all bookmarks in the current file
* `Bookmarks: List from All Files` List all bookmarks from all files
* `Bookmarks: Clear` remove all bookmarks in the current file
* `Bookmarks: Clear from All Files` remove all bookmarks from all files
* `Bookmarks: Export` Export all bookmarks to a Markdown document with customizable format
* `Bookmarks (Selection): Select Lines` Select all lines that contains bookmarks
* `Bookmarks (Selection): Expand Selection to Next` Expand the selected text to the next bookmark
* `Bookmarks (Selection): Expand Selection to Previous` Expand the selected text to the previous bookmark
* `Bookmarks (Selection): Shrink Selection` Shrink the select text to the Previous/Next bookmark

## Manage your bookmarks

### Toggle / Toggle Labeled

You can easily Mark/Unmark bookmarks on any position. You can even define **Labels** for each bookmark.

![Toggle](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/docs/images/printscreen-toggle.png)

### Bookmark labels visible inline

You can turn on bookmark labels text visibility inline in the same line where labeled bookmark is placed:

![Bookmarks with labels](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/docs/images/bookmarks-with-labels-arrowed.png)

This can help you store notes about code without needing to remove these comments later (because bookmarks are not stored in source code and won't be accidentally committed to version control system).

This feature also helps organize TODOs that you want to keep in memory while writing a pull request.

The appearance of inline bookmark labels can be fine-tuned using various settings provided by extension.

## Navigation

### Jump to Next / Previous

Quicky move between bookmarks backward and forward, even if located outside the active file.

### List / List from All Files

List all bookmarks from the current file/project and easily navigate to any of them. It shows a line preview and temporarily scroll to its position.

![List](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/docs/images/bookmarks-list-from-all-files.gif)

* Bookmarks from the active file only shows the line number and its contents
* Bookmarks from other files in the project also shows the relative path

## Side Bar

The **Bookmarks** extension has its own **Side Bar**, with a variety of commands to improve you productivity.

| Single Folder | Multi-root Workspace |
|---------------|------------|
| ![Side Bar](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/docs/images/printscreen-activity-bar.png) | ![Side Bar](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/docs/images/printscreen-activity-bar-multi-root.png) |

## Improved Multi-root support

When you work with **multi-root** workspaces, the extension can manage the bookmarks individually for each folder.

Simply define `saveBookmarksInProject` as `true` on your **User Settings** or in the **Workspace Settings**, and when you run the `Bookmarks: List from All Files` command, you will be able to select from which folder the bookmarks will be shown.

![List](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/docs/images/bookmarks-list-from-all-files-multi-root.gif)

### Remote Development support

The extension now fully supports **Remote Development** scenarios.

It means that when you connect to a _remote_ location, like a Docker Container, SSH or WSL, the extension will be available, ready to be used.

> You don't need to install the extension on the remote anymore.

Better yet, if you use `bookmarks.saveBookmarksInProject` setting defined as `true`, the bookmarks saved locally _will be available_ remotely, and you will be able to navigate and update the bookmarks. Just like it was a resource from folder you opened remotely.

## Selection

You can use **Bookmarks** to easily select lines or text blocks. Simply toggle bookmarks in any position of interest and use some of the _Selection_ commands available.

#### Select Lines

Select all bookmarked lines. Specially useful while working with log files.

![Select Lines](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/docs/images/bookmarks-select-lines.gif)

#### Expand Selection to the Next/Previous Bookmark or Shrink the Selection

Manipulate the selection of lines _between_ bookmarks, up and down.

## Export

Export all bookmarks to a new Markdown document with a customizable format. This is especially useful for documentation and sharing bookmarks with others.

The default format exports bookmarks as a Markdown table, grouped by file and sorted by line number:

| File | Line | Column | Label | Content |
|------|------|--------|-------|---------|
| src/example.ts | 10 | 5 | Important | function calculateTotal() { |
| src/utils.ts | 25 | 1 | TODO | // TODO: Implement error handling |

You can customize the export format using the `bookmarks.export.pattern` setting with the following variables:
* `$file` - File path (relative to workspace)
* `$line` - Line number
* `$column` - Column number
* `$label` - Bookmark label
* `$content` - Line content

**Example custom formats:**

CSV format:
```
$file,$line,$column,"$label","$content"
```

Simple list:
```
$file:$line - $label
```

## Available Settings

* Allow navigation through all files that contains bookmarks _(`true` by default)_
```json
    "bookmarks.navigateThroughAllFiles": false
```

* Allow navigation to wrap around at the first and last bookmarks in scope (current file or all files) _(`true` by default)_
```json
    "bookmarks.wrapNavigation": true
```

* Bookmarks are always saved between sessions, and you can decide if it should be saved _in the Project_, so you can add it to your Git/SVN repo and have it in all your machines _(`false` by default)_
```json
    "bookmarks.saveBookmarksInProject": true
```

* Path to another image to be shown as Bookmark (16x16 px)
```json
    "bookmarks.gutterIconPath": "c:\\temp\\othericon.png"
```
> Deprecated in 13.3: Use `bookmarks.gutterIconFillColor` and `bookmarks.gutterIconBorderColor` instead

* Specifies the fill color of the bookmark icon
```json
    "bookmarks.gutterIconFillColor"
```

* Specifies the border color of the bookmark icon
```json
    "bookmarks.gutterIconBorderColor"
```

* Choose the background color to use on a bookmarked line

```json
    "bookmarks.backgroundLineColor"
```
> Deprecated in 10.7: Use `workbench.colorCustomizations` instead. More info in [Available Colors](#available-colors)

* Enable showing bookmark label text next to actual line with labeled bookmark _(`false` by default)_
```json
    "bookmarks.label.inline.enabled": true
```

* Margin between end of the line and bookmark label inline text. Makes sense only if bookmarks.label.inline.enabled setting enabled _(`2` by default)_
```json
    "bookmarks.label.inline.margin": 2
```

* Change bookmark label inline text font style. For example: `"italic"`. Makes sense only if bookmarks.label.inline.enabled setting enabled _(`"normal"` by default)_
```json
    "bookmarks.label.inline.fontStyle": "normal"
```

* Font thickness for bookmark label inline text. Makes sense only if bookmarks.label.inline.enabled setting enabled _(`400` by default)_
```json
    "bookmarks.label.inline.fontWeight": 400
```

* Allow bookmarks commands, (Toggle, Jump to Next/Previous), to be displayed on the editor contex menu _(`true` by default)_
```json
    "bookmarks.showCommandsInContextMenu": true
```

* **Experimental**. Enables the new **Sticky engine** with support for Formatters, improved source change detections and undo operations _(`true` by default)_

```json
    "bookmarks.experimental.enableNewStickyEngine": false
```

* "Specifies whether bookmarks on deleted line should be kept on file, moving it down to the next line, instead of deleting it with the line where it was toggled." _(`false` by default)_

```json
    "bookmarks.keepBookmarksOnLineDelete": true
```

> **Limitation:** It does not support `Undo` operations. It means that, once you delete a line and the bookmark is moved to the next available line, the `Undo` operation won't move the bookmark back to the previous line. The next line is now the new location of the bookmark.

* Use a **workaround** for formatters, like Prettier, which does not notify on document changes and messes Bookmark's _Sticky_ behavior _(`false` by default)_

```json
    "bookmarks.useWorkaroundForFormatters": true
```
> This workaround can be turned off if you are using the new Sticky Engine (setting above)

* Choose if the Side Bar should start expanded _(`false` by default)_
```json
    "bookmarks.sideBar.expanded": true
```

* Controls the count badge on the Bookmark icon on the Activity Bar _(`all` by default)_

* `all`: Show the sum of bookmarks from all files
  * `files`: Show the sum of files that contains at least one bookmark
  * `off`: Disable the Bookmarks count badge

```json
    "bookmarks.sideBar.countBadge": "files"
```

* Controls the visibility of the Welcome Views in the Side Bar _(`false` by default)_

```json
    "bookmarks.sideBar.hideWelcome": true
```

* Choose how multi cursor handles already bookmarked lines _(`allLinesAtOnce` by default)_

* `allLinesAtOnce`: Creates bookmarks in all selected lines at once, if at least one of the lines don't have a bookmark
  * `eachLineIndependently`: Literally toggles a bookmark in each line, instead of making all lines equal

```json
    "bookmarks.multicursor.toggleMode": "eachLineIndependently"
```

* Specify when a confirmation message should be displayed before clearing bookmarks _(`never` by default)_

* `never` - No confirmation (current behavior)
* `always` - Confirm all clear operations
* `commandPalette` - Confirm only when invoked from Command Palette
* `sideBar` - Confirm only when invoked from Side Bar

```json
    "bookmarks.confirmClear": "always"
```

* Choose how labels are suggested when creating bookmarks _(`dontUse` by default)_

* `dontUse`: Don't use the selection (original behavior)
  * `useWhenSelected`: Use the selected text _(if available)_ directly, no confirmation required
  * `suggestWhenSelected`: Suggests the selected text _(if available)_. You still need to confirm.
  * `suggestWhenSelectedOrLineWhenNoSelected`: Suggests the selected text _(if available)_ or the entire line (when has no selection). You still need to confirm

```json
    "bookmarks.label.suggestion": "useWhenSelected"
```

* Choose the location where the bookmarked line will be revealed _(`center` by default)_

* `top`: Reveals the bookmarked line at the top of the editor
  * `center`: Reveals the bookmarked line in the center of the editor

```json
    "bookmarks.revealLocation": "center"
```

* Specifies the lane in the overview ruler where the bookmarked line will be shown _(`full` by default)_

* `none`: Don't show the bookmarked line in the overview ruler
  * `left`: Show the bookmarked line in the left lane of the overview ruler
  * `center`: Show the bookmarked line in the center lane of the overview ruler
  * `right`: Show the bookmarked line in the right lane of the overview ruler
  * `full`: Show the bookmarked line in the full height of the overview ruler

```json
    "bookmarks.overviewRulerLane": "left"
```

* Specifies the export pattern for bookmarks. Use variables like `$file`, `$line`, `$column`, `$label`, and `$content` to customize the output format _(table format by default)_

**Example patterns:**

CSV format:
```json
    "bookmarks.export.pattern": "$file,$line,$column,\"$label\",\"$content\""
```

Simple list:
```json
    "bookmarks.export.pattern": "$file:$line - $label"
```

## Available Colors

* Choose the background color to use on a bookmarked line
```json
    "workbench.colorCustomizations": {
      "bookmarks.lineBackground": "#157EFB22"  
    }
```

* Choose the border color to use on a bookmarked line
```json
    "workbench.colorCustomizations": {
      "bookmarks.lineBorder": "#FF0000"  
    }
```

* Choose marker color to use in the overview ruler
```json
    "workbench.colorCustomizations": {
      "bookmarks.overviewRuler": "#157EFB88"  
    }
```

* Choose text color for bookmark label inline text. Makes sense only if `bookmarks.label.inline.enabled` setting enabled
```json
    "workbench.colorCustomizations": {
      "bookmarks.labelInlineMessageTextColor": "#23ca11f3",
    }
```

* Choose background color for bookmark label inline text. Makes sense only if `bookmarks.label.inline.enabled ` setting enabled
```json
    "workbench.colorCustomizations": {
      "bookmarks.labelInlineMessageBackgroundColor": "#6161611a"
   }
```

## Project and Session Based

The bookmarks are saved _per session_ for the project that you are using. You don't have to worry about closing files in _Working Files_. When you reopen the file, the bookmarks are restored.

It also works even if you only _preview_ a file (simple click in TreeView). You can put bookmarks in any file and when you preview it again, the bookmarks will be there.

# License

vscode-bookmarks

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README