VS Code编写HTML/CSS时,自动补全后如何将光标移至引号外
在VS Code中跳出自动补全后的引号
- Tab键快速跳转:大部分场景下(比如HTML属性、CSS选择器补全),按
Tab键就能直接从引号内跳到外部。这是VS Code默认补全逻辑和Emmet插件的通用行为。 - 自定义快捷键:打开快捷键设置(快捷键
Ctrl+K Ctrl+S),点击右上角的打开JSON按钮,添加以下配置:
保存后,在光标处于引号内时,按{ "key": "ctrl+shift+'", "command": "cursorMove", "args": { "to": "right", "by": "character", "value": 1 }, "when": "editorTextFocus && (inString || inComment)" }Ctrl+Shift+'就能向右移动一位跳出引号。你也可以把key改成自己习惯的组合键。 - End键应急:如果临时需要快速跳出,按
End键直接跳到当前行末尾,适合属性补全后引号后无其他内容的场景。 - Emmet配置优化:确保设置中
emmet.triggerExpansionOnTab为true(可在设置面板搜索该选项),Emmet补全后按Tab会更顺畅地完成光标跳转。
内容的提问来源于stack exchange,提问作者Faiz Lotfy
相关产品推荐
相关产品推荐

