如何让VS Code自动补全Jinja大括号内的闭合%符号?
解决VS Code中Jinja块%自动补全的问题
以下是几种可行的解决方法,按优先级推荐:
1. 配置VS Code内置的自动配对符号
VS Code自带自动配对符号的功能,默认可能没包含Jinja模板的{%/%}和{{/}},手动添加即可:
- 按下
Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板 - 点击右上角的「打开设置(JSON)」图标(大括号样式)
- 在
settings.json中添加或修改editor.autoClosingPairs配置:
"editor.autoClosingPairs": [ // 保留原有默认的配对项,新增下面两行 {"open": "{%", "close": "%}"}, {"open": "{{", "close": "}}"} ]
保存后,在Django模板文件里输入{%,VS Code会自动补全对应的%},输入{{则补全}}。
2. 安装Django专用扩展
安装专门的Django扩展可以获得更完善的模板支持,包括自动补全:
- 按下
Ctrl+Shift+X(Windows/Linux)或Cmd+Shift+X(Mac)打开扩展面板 - 搜索并安装Django(Microsoft官方发布)或Django Template Language扩展
- 重启VS Code后,模板文件的Jinja语法会自动触发符号补全,还能获得语法高亮、代码提示等额外功能。
3. 自定义代码片段快速生成
如果前两种方法不符合需求,可以手动创建代码片段:
- 点击左下角设置图标 → 选择「用户代码片段」→ 搜索
html(对应Django模板的.html文件) - 在打开的代码片段JSON文件中添加:
"Jinja Block": { "prefix": "%", "body": ["{% $1 %}"], "description": "快速生成Jinja块标签" }
保存后,在模板文件里输入%并按下Tab键,就能快速生成{% %},光标会自动定位到中间位置,方便输入内容。
内容的提问来源于stack exchange,提问作者Python_plusSharp
相关产品推荐
相关产品推荐

