代码片段库

一个用于管理自定义代码片段的Visual Studio Code扩展。

English Version

功能

创建、编辑、删除和搜索自定义代码片段
为特定语言或所有文件类型设置代码片段
通过前缀触发代码片段的自动补全
方便的界面管理您的代码片段
支持代码片段中的光标位置和跳转
支持中英文双语界面
支持丰富的语言类型（超过50种编程语言和文件格式）

使用方法

打开代码片段库

点击活动栏中的代码片段库图标
或使用命令面板（Ctrl+Shift+P）并搜索"打开代码片段库"
或点击状态栏中的"代码片段库"项

切换语言

点击代码片段库视图标题栏中的"切换语言"按钮
在设置中选择 codeSnippetLibrary.language 配置项
支持"简体中文"和"English"两种语言

创建新的代码片段

在代码片段库视图中点击"新建片段"按钮
填写名称、前缀（触发关键词）和代码内容
选择代码片段的适用范围（特定语言或所有文件）
点击"保存"

使用代码片段

有三种方式可以使用您的代码片段：

自动补全：在编辑器中输入代码片段的前缀，然后按下Enter或Tab触发补全
命令菜单：右键点击编辑器，选择"插入代码片段"，或使用快捷键Ctrl+Alt+I
快捷键触发：使用快捷键Ctrl+Alt+Space直接触发代码片段补全

代码片段语法

使用$1, $2等标记光标停留和跳转位置
使用$0标记最终光标位置
例如：console.log($1);$0会先将光标放在括号内，Tab键后移动到语句后

快捷键

Ctrl+Alt+I：打开代码片段选择菜单
Ctrl+Alt+Space：触发代码片段补全

使用指南

访问代码片段库：
- 点击活动栏中的代码片段库图标 (📚)
- 或者点击状态栏右下角的"代码片段库"按钮
- 或者按下 Ctrl+Shift+P 并输入"打开代码片段库"
创建新代码片段：
- 点击"新建代码片段"按钮
- 填写代码片段的名称、触发前缀、描述和代码内容
- 选择代码片段的适用范围（所有文件或特定语言）
- 点击"保存"按钮
使用代码片段：
- 在编辑器中输入触发前缀
- 当补全列表出现时，选择你的代码片段
- 按下 Tab 或 Enter 键插入代码片段
编辑代码片段：
- 在代码片段列表中找到要编辑的代码片段
- 点击"编辑"按钮
- 修改代码片段信息
- 点击"保存"按钮
删除代码片段：
- 在代码片段列表中找到要删除的代码片段
- 点击"删除"按钮
- 确认删除操作

代码片段示例

JavaScript

// 前缀: log
console.log($1);

Python

# 前缀: print
print(f"$1: {$1}")

HTML

<!-- 前缀: html5 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$1</title>
</head>
<body>
    $2
</body>
</html>

扩展设置

该扩展计划提供以下设置：

codeSnippetLibrary.snippetsLocation: 代码片段存储位置
codeSnippetLibrary.autoSync: 是否自动同步代码片段

版本日志

1.0.1

增加对50多种编程语言和文件格式的支持
改进代码片段作用域选择界面
优化代码补全功能

1.0.0

基本的代码片段管理功能
代码片段补全支持

许可证

MIT

支持的语言

该扩展支持以下编程语言和文件格式的代码片段：

基础语言

JavaScript、TypeScript、Python、HTML、CSS、JSON、Markdown等

Web开发

JSX、TSX、Vue、Svelte、PHP、Handlebars、Pug、XML、YAML、LESS、SCSS等

移动和游戏开发

Java、Kotlin、Swift、Objective-C、Dart、Go等

服务器和系统开发

C#、C、C++、Rust、Ruby、Perl、Lua、Shell Script、PowerShell等

数据和科学

R、Julia、SQL、LaTeX、BibTeX等

其他文件格式

Dockerfile、Makefile、INI、TOML、GraphQL、Docker Compose等

可以在代码片段编辑界面中选择特定的语言作为代码片段的适用范围，也可以选择"所有文件"使代码片段在任何文件中可用。

Code Snippet Library

Minghong Shen