# code-block-folder

**Repository Path**: viscaria-virus/code-block-folder

## Basic Information

- **Project Name**: code-block-folder
- **Description**: VSCode插件Code Block Folder
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-05
- **Last Updated**: 2026-05-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Code Block Folder

![GitHub package.json version](https://img.shields.io/github/package-json/v/se-dev-pion/code-block-folder?color=11bb1f) ![GitHub License](https://img.shields.io/github/license/se-dev-pion/code-block-folder?color=282661) [![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/se-dev-pion.code-block-folder?label=ms-market+downloads&color=0078d4)](https://marketplace.visualstudio.com/items?itemName=se-dev-pion.code-block-folder) [![Open VSX Downloads](https://img.shields.io/open-vsx/dt/se-dev-pion/code-block-folder?label=open-vsx+downloads&color=c160ef)](https://open-vsx.org/extension/se-dev-pion/code-block-folder) [![Ask DeepWiki](https://img.shields.io/badge/doc-deepwiki-blue?logo=wikidata)](https://deepwiki.com/se-dev-pion/code-block-folder)

## Introduction

Enable customized code folding with comments to make it easier to read codes. This extension is available in [`VSCode`](https://code.visualstudio.com/), [`Cursor`](https://cursor.com/), [`Windsurf`](https://windsurf.com/), [`Trae`](https://www.trae.cn/), [`CodeBuddy`](https://www.codebuddy.cn/ide/) and [`Qoder`](https://caug.cn/).

## Supported Languages

`c`, `c++`, `c#`, `java`, `kotlin`, `dart`, `swift`, `javascript`, `typescript`, `go`, `python`, `ruby`, `shell`, `php`, `perl`, `rust`, `lua`, `sql`, `odin`, `zig`, `d`, `v`, `scala`, `groovy`, `f#`, `nim`, `vue`, `jsx`, `tsx`, `svelte`, `sass`, `less`, `stylus`

## Examples

1. Change a current code block to foldable one.![add_folding.gif](https://raw.githubusercontent.com/se-dev-pion/code-block-folder/refs/heads/main/images/add_folding.gif)

2. Write a code segment inside a foldable code block.![write_block.gif](https://raw.githubusercontent.com/se-dev-pion/code-block-folder/refs/heads/main/images/write_block.gif)

3. Line hint and quick jumping.![quick_jump.gif](https://raw.githubusercontent.com/se-dev-pion/code-block-folder/refs/heads/main/images/quick_jump.gif)

4. Quick folding and unfolding.![quick_fold.gif](https://raw.githubusercontent.com/se-dev-pion/code-block-folder/refs/heads/main/images/quick_fold.gif)

5. Switch between single-line marker and paired ones.![switch_mode.gif](https://raw.githubusercontent.com/se-dev-pion/code-block-folder/refs/heads/main/images/switch_mode.gif)

## Extension Settings

- `code-block-folder.title-text-color`: Text color of foldable block titles.
- `code-block-folder.title-background-color`: Background color of foldable block titles.
- `code-block-folder.ending-border-color`: Border Color of foldable block ending markers.