Import visual studio代码为代码段添加相应的导入语句
我尝试在vscode中为我的扩展创建自定义代码段。 但要使用这些代码段,我还需要特定的imports语句,我正在尝试找出如何在从选项中选择代码段时添加相应的import语句。?Import visual studio代码为代码段添加相应的导入语句,import,visual-studio-code,vscode-snippets,Import,Visual Studio Code,Vscode Snippets,我尝试在vscode中为我的扩展创建自定义代码段。 但要使用这些代码段,我还需要特定的imports语句,我正在尝试找出如何在从选项中选择代码段时添加相应的import语句。? vscode是否提供了一种方法来实现这一点?如果您的编程语言支持“优化导入”命令,您可以利用它来接近所需的行为。默认情况下,它设置为vscode中的shift+opt+Okeybinding 在JS/TS中,“优化导入”命令将把一个import移动到文件的顶部,不管它写在哪一行上,只要它是语法上有效的import,即不在
vscode是否提供了一种方法来实现这一点?如果您的编程语言支持“优化导入”命令,您可以利用它来接近所需的行为。默认情况下,它设置为vscode中的
shift+opt+O
keybinding
在JS/TS中,“优化导入”命令将把一个import
移动到文件的顶部,不管它写在哪一行上,只要它是语法上有效的import
,即不在函数内部,等等
选择1
您可以通过在importable关键字上结束代码段,使其更加方便。例如,对于可能需要导入的React组件片段,可以在提供附加内容后使用$0
返回关键字。这将允许您立即键入cmd+。
以“快速修复”导入
{
“作者卡”:{
“前缀”:“ac”,
“正文”:[
"",
" $1",
""
]
},
}
选择2
如果要将函数片段插入文件的全局范围,则可以将导入包含在片段本身中。然后,立即“优化导入”,并将import
语句发送到文件顶部
例如,代码段可能如下所示
“废话”:{
“前缀”:“废话”,
“正文”:[
“从‘废话’中导入废话”,
“导出函数myBlah(){”,
“return blah.doBlah()”,
"}"
]
},
选择3
如果您的代码段打算嵌入到文件中的其他作用域中,则只需创建导入的第二个代码段。例如,对于代码段blah
,代码段iblah
可以导入所有必需的依赖项。现在,您只需要一种“快速”的方法来获取导入的有效范围,然后返回到您开始的位置,这两种方法在vscode中都是可能的。我将提到默认的键绑定,但是,作为记录,您可以将底层命令重新绑定到您想要的任何地方
要获取导入代码段的有效范围,您有多个选项。最好的选项可能是cmd+up
,它会将您带到文件的顶部。其他选项有shift+cmd+\
,它将您带到语句的结束括号,以及cmd+enter
,它将您带到新行。在有效范围内,您可以触发导入代码段,然后使用shift+opt+O
“优化导入”
最后,要返回到原始函数,可以在vscode中“返回”,vscode默认为ctrl+-
,将光标返回到上一个光标位置
这些选项可能不太理想,特别是如果您打算将它们作为扩展包的公共代码段,但是,它们仍然是一组方便的技巧,可能会提供有用的功能(并回答您问题的“精神”)据我所知,但我对这个功能也非常感兴趣。