核心内容摘要
孙尚香：峡谷中的璀璨星辰，点亮你的正能量！_2_2
在开发 Django 项目时我遇到一个
常见问题本地 IDEVS Code在保存 HTML 模板时会自动删除{% if %}标签两边的空格导致模板逻辑失效。
例如原始代码option value5 {% if page_size 5 %}selected{% endif %}5/option保存后可能被自动格式化为option value5 {% if page_size5 %}selected{% endif %}5/option这会让模板逻辑出错。
原因分析VS Code 或其他 IDE 的自动删除空格通常是由以下几个因素引起的“保存时格式化Format On Save”功能自动调整 HTML/模板格式。
HTML 格式化插件如 Prettier、Beautify默认不识别 Django 模板语法。
VS Code 默认将.html文件当作普通 HTML 文件处理导致{% ... %}标签被误格式化。
解决方案方法 1通过命令面板打开最通用按下Ctrl Shift PWindows / Linux或Cmd Shift PmacOS输入Preferences: Open Settings (JSON)回车即可打开完整的settings.json文件在这里你可以直接添加配置比如editor.formatOnSave: false, files.trimTrailingWhitespace: false方法 2手动打开项目级.vscode/settings.json在你的项目根目录新建一个.vscode文件夹如果没有在里面新建settings.json粘贴配置例如{ editor.formatOnSave: false, files.trimTrailingWhitespace: false, [html]: { editor.formatOnSave: false }, [django-html]: { editor.formatOnSave: false } }这种方法可以针对当前项目生效不影响全局设置。