标签: vscode-snippets

录制“宏”?或者 Visual Studio Code 中的一系列操作?

我需要这样的东西。一旦我在项目中创建了一个文件夹。以 React 项目为例。我可以选择该文件夹并运行某种宏或一系列操作来执行此操作。

假设文件夹的名称是Component,例如,当播放宏时,它将执行以下操作:

创建一个具有该名称的文件,Component.js该文件将包含某种片段默认内容。创建一个具有该名称的文件,Component.styled.js其中同样包含某种片段默认内容。创建一个名称index.js为 Content: 的文件export { default } from './Component',其中 Component 实际上是文件夹的名称。

我不知道从哪里开始......我已经研究过宏并且我知道如何使用 Visual Studio Code 用户片段,但不确定如何完成这件事。

macros code-snippets visual-studio-code vscode-snippets

24
推荐指数
1
解决办法
3万
查看次数

Intellisense 在代码片段中不起作用 - VS Code

我已经在 VS Code 中安装了 C# 扩展。我遇到的问题是,在使用代码片段后prop,Intellisense 不再建议变量类型。其他事情ctor也会发生这种情况,例如,它不会自动完成类名。

我试过卸载/重新安装扩展。我也没有运气就用谷歌搜索过。

例如,我希望 Intellisense 建议变量类型。Intellisense 没有任何建议。

命中Ctrl+.确实建议列表中的正确修复。

编辑:我的项目没有 project.json 或 *.sln 文件。我使用命令行创建了该项目dotnet new webapi。如果这是必需的,我如何添加它或让 Intellisense 工作?

intellisense code-snippets visual-studio-code vscode-settings vscode-snippets

20
推荐指数
1
解决办法
9394
查看次数

Visual Studio Code:按名称对函数进行排序?

是否可以在 Visual Studio Code 中按名称对函数进行排序?我的意思是,使用键盘快捷键甚至扩展程序。

精度:我说的是在面板代码编辑器中对功能进行排序。

visual-studio code-snippets visual-studio-code vscode-snippets

18
推荐指数
3
解决办法
6682
查看次数

将 VSCode 代码片段的第一个字母大写

我想创建 VSCode 片段来快速使用 React 的 useState。例如对于一个州open

const [open, setOpen] = useState()
Run Code Online (Sandbox Code Playgroud)

我目前正在使用

"const [ ${1}, set$1 ] = useState()"
Run Code Online (Sandbox Code Playgroud)

但这给了我const [open, setopen] = useState()。请注意 上缺少上限open

我希望能够只输入州名称open,然后让代码片段整理出 的大小写setOpen。我知道我可以使用 2 个变量,但我不想输入两次,因为它总是遵循模式[foo, setFoo]

我知道我可以进行类似的转换${1:/upcase},但这会将整个变量大写,而不仅仅是第一个字母。

visual-studio-code vscode-snippets

16
推荐指数
1
解决办法
6555
查看次数

VS代码:如何将片段占位符从camelCase转换为SCREAMING_SNAKE_CASE?

我想创建一个用于创建redux reducer的VS Code代码段.

我想有一个占位符片段,需要camelCase,然后将匹配的占位符转换为SCREAMING_SNAKE_CASE.

这是我尝试的片段,它不起作用:

"test": {
    "prefix": "test",
    "body": "${1} -> ${1/([a-zA-Z])(?=[A-Z])/${1:/upcase}_/g}"
},
Run Code Online (Sandbox Code Playgroud)

这产生了不期望的结果:

changeNetworkStatus -> changE_NetworK_Status
Run Code Online (Sandbox Code Playgroud)

期望的流量

  1. 类型test(片段名称)
  2. 点击tab以加载代码段.
  3. 输入changeNetworkStatus结果:

    changeNetworkStatus -> changeNetworkStatus
    
    Run Code Online (Sandbox Code Playgroud)
  4. 点击tab以获得预期的结果:

    changeNetworkStatus -> CHANGE_NETWORK_STATUS
    
    Run Code Online (Sandbox Code Playgroud)

如何更改我的代码段以获得所需的结果?

这是一个需要不同流程的相关解决方案.

visual-studio-code vscode-snippets

10
推荐指数
1
解决办法
1995
查看次数

Visual Studio Code 功能片段 React

有谁知道 Visual Studio 中 React 功能组件片段的快捷方式是什么?我在编辑器中启用了 ES7 React/Redux/GraphQL/React-Native snippets 扩展。

reactjs visual-studio-code vscode-snippets

9
推荐指数
3
解决办法
5万
查看次数

VS代码:如何将代码段占位符转换为大写或小写?

在VS代码,用于创建文档的用户定义段提到了一些语法其中包括选项/upcase/downcase以及/capitalize,但我无法弄清楚如何使用它。

Version 1.25.0在Mac上使用的是最新版本的VS Code:

似乎此代码段应在输入占位符并单击tab后将占位符的值转换为大写和小写,但事实并非如此:

"test": {
    "prefix": "test",
    "body": "${1} -> ${1:/upcase} ${1:/downcase}"
},
Run Code Online (Sandbox Code Playgroud)

流程和预期结果

  1. 类型 test
  2. 点击tab以获取摘要。
  3. 输入Asdf结果:

    Asdf -> Asdf Asdf
    
    Run Code Online (Sandbox Code Playgroud)
  4. 点击tab以得到以下预期结果:

    Asdf -> ASDF asdf
    
    Run Code Online (Sandbox Code Playgroud)

当前结果

asdf -> asdf asdf
Run Code Online (Sandbox Code Playgroud)

visual-studio-code vscode-snippets

7
推荐指数
2
解决办法
3555
查看次数

Visual Studio代码为片段添加了相应的导入语句

我尝试为vscode中的扩展名创建自定义片段。但是,要使用这些代码段,我还需要特定的import语句,我正在尝试找出如何从选项中选择一个代码段来添加相应的import语句。vscode是否提供执行此操作的方法?

import visual-studio-code vscode-snippets

7
推荐指数
1
解决办法
80
查看次数

将自定义自动导入添加到 vscode

如果我autorun在代码中输入,vscode 会建议我从 mobx 自动导入它:

在此处输入图片说明

我想为此定义一些自定义名称,例如,如果我_在代码中的某处键入,我希望 vscode 建议我导入lodash

或者如果输入PropTypes我希望 vscode 建议自动import PropTypes from 'prop-types'

这可能吗?

我还没有写过任何 vscode 扩展,但如果这是完成这个功能所需要的,我可以尝试一下

在此先感谢您的任何帮助和指导!

visual-studio-code vscode-extensions vscode-settings vscode-snippets

7
推荐指数
1
解决办法
764
查看次数

VSCode 嵌套片段(或在另一个片段中包含一个片段)

我想知道是否可以在 VSCode 用户定义代码段中的代码段中引用另一个代码段。

说我有

"Test1": {
        "prefix": "snippet_test1",
        "body": 
            "something"
}
Run Code Online (Sandbox Code Playgroud)

有没有办法在另一个片段中插入snippet_test1,比如

"Test2": {
        "prefix": "snippet_test2",
        "body": 
            "${1:snippet_test1}"
}
Run Code Online (Sandbox Code Playgroud)

现在snippet_test2 只是输出snippet_test1而不是snippet_test1 的内容。

code-snippets visual-studio-code vscode-snippets

7
推荐指数
2
解决办法
2336
查看次数