代码之家 › 专栏 › 技术社区 › Eduard

如何在vs代码中用代码片段包装代码

visual-studio-code

Eduard · 技术社区 · 7 年前

我有这个片段:

"Wrap with React-Fragment": {
    "prefix": "rf",
    "body": [
        "<React.Fragment>${TM_SELECTED_TEXT}</React.Fragment>$1"
    ],
}

我想让它包装突出显示的文字时,我键入前缀。例如,想象一下 div S突出显示:

<div></div>
<div></div>
<div></div>

目前它只是用代码段的主体替换文本。我该怎么做才能成功?

注意!我知道压力的解决办法 F1 选择 Insert Snippet . 太麻烦了。

1 回复 | 直到 7 年前

Danielo515 7 年前

如何分配自定义快捷键?打开keybindings.json(首选项:打开键盘快捷键文件),然后粘贴:

{
  "key": "cmd+k 1",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "langId": "javascript",
    "name": "Wrap with React-Fragment"
  }
}

推荐文章

srbrills · ESLint预处理层:分析错误:意外的令牌

1 年前

Alex · 在VS Code中,允许在EOL后的列中写入文本

1 年前

ds797 · VSCode在每条线上的排水沟中显示蓝色链节图标

1 年前

lonix · 在VSCode中显示两个标记和两个预览选项卡

1 年前

Aouiche Redouane · 修复Flutter抽屉中的物品

1 年前

Philip · 在VS CODE中关闭javascript中特定功能的自动补全

1 年前

dytra · 如何在vscode中切换右侧边栏的可见性?

1 年前

VivekAnandChakravarthy · 在azure逻辑应用程序标准vs代码中以设计器身份打开工作流时出错

1 年前

LeRay · 无法在实时服务器中查看我的CSS

1 年前

AnswerMePlz · VS Code中的终端冻结

1 年前