标签: visual-studio-code

如何在vscode中的每一行上获得光标

我正在尝试在大(ish)文件上使用vscode的多光标功能.文件太大,无法单独使用ctrl-alt-up或down选择每一行.在sublime-text中,我会选择所有内容并按下ctrl-shift-l.在vscode中是否有类似的东西.我已经尝试使用正则表达式搜索^,但这给了我一个错误,说明"表达式匹配所有内容".

visual-studio-code

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

在Visual Studio代码中更改突出显示文本颜色

现在,它是一个微弱的灰色覆盖层,很难看到.有什么方法可以改变默认颜色?

在此输入图像描述

visual-studio-code

74
推荐指数
7
解决办法
4万
查看次数

VSCode没有自动完成HTML

我在Windows 7上安装了新安装的Visual Studio代码时出现问题.在Mac上,编辑器会自动关闭html标签但不在我的Win7上.我认为必须有一些选项来打开它,但我找不到任何.

我在说什么,比如说.编写<html智能手表弹出,然后单击输入,通常它会自动放入</html>矿井不工作.(智能感知弹出但是当你选择其中的一个选项不会自动关闭标签:<h1> -> </h1>)

html intellisense visual-studio-code

73
推荐指数
10
解决办法
6万
查看次数

VS Code集成终端的颜色主题

我们可以更改VS Code Integrated Terminal的颜色设置吗?我看起来只是白色的沉闷.

在此输入图像描述

terminal visual-studio-code vscode-settings

73
推荐指数
7
解决办法
7万
查看次数

使用“react-jsx”作为带有 create-react-app 的 jsx 值的 Visual Studio Code 问题

我正在努力解决 VSCode 中的“错误”:

Argument for '--jsx' option must be: 'preserve', 'react-native', 'react'
Run Code Online (Sandbox Code Playgroud)

因此,当value 似乎有效时,react-scripts (create-react-app) 会自动将jsxkey设置为react-jsxvalue react

实际上,代码运行良好并显示了我想要的页面,但是 IDE 将所有内容都强调为错误,并说:

Cannot use JSX unless the '--jsx' flag is provided.
Run Code Online (Sandbox Code Playgroud)

这是我的 tsconfig.json :

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
} …
Run Code Online (Sandbox Code Playgroud)

jsx typescript tsconfig visual-studio-code create-react-app

73
推荐指数
3
解决办法
2万
查看次数

Visual Studio Code“获取扩展时出错。XHR 失败”

这个问题是几周前开始的,当时我开始在笔记本电脑上使用 NordVPN。当我尝试搜索扩展程序,甚至尝试通过市场下载时,我会收到此错误: 在此输入图像描述

编辑:刚刚注意到另一件事可能表明导致问题的原因。当我打开 VSCode 并转到开发人员工具时,我收到此错误消息(甚至在执行任何操作之前):

“(node:19368) [DEP0005] DeprecationWarning: 由于安全和可用性问题,Buffer() 已被弃用。请改用 Buffer.alloc()、Buffer.allocUnsafe() 或 Buffer.from() 方法。(Code --trace-deprecation ...用于显示警告的创建位置)”

到目前为止,我发现的唯一部分解决方案是手动下载并安装扩展。

我在这里和网上其他地方检查过类似的问题,但没有找到解决此问题的方法。到目前为止我已经尝试过:

  1. 刷新我的 DNS 缓存并将其设置为 google 的 DNS 服务器。
  2. 在我的笔记本电脑上禁用 VPN 并重新启动 VS Code。
  3. 清除扩展搜索结果。
  4. 禁用当前正在运行的所有扩展。

我使用的是运行 Windows 10 的笔记本电脑。我还没有尝试过其他可能的解决方案吗?

marketplace visual-studio-code

73
推荐指数
6
解决办法
32万
查看次数

从VSCode中删除git集成

我下载了Visual Studio Code以便在工作中尝试,我几乎关心它.我不喜欢的一部分:Git整合.

我导入了我的整个工作文件夹(~14000源文件+ git项目),Visual Studio代码中的布局和一切都很棒.我从传统的代码编辑器转移到了这个,因为它似乎对我来说好多了.

我的主要问题是,如果我在一个文件中工作并保存它,Visual Studio Code会冻结大约30-60秒.起初我很困惑,但后来我发现Git标签"正在工作".根据我的最佳猜测,在保存文件后,它会遍历所有~14000个文件并执行某些操作 - 我不确定是什么.有没有人知道是否有办法从VSC中删除Git集成,或者至少让它忽略了它认为正在做的事情?

visual-studio-code

72
推荐指数
4
解决办法
5万
查看次数

带有Chrome Debugger扩展的Visual Studio代码中的"未验证的断点"

我正在尝试使用Chrome调试器扩展在Visual Studio代码中调试我的Typescript代码,但是我在断点上收到"未验证的断点"消息,并且执行不会在我的断点上停止.

这是我的launch.json文件:

{
    linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "sourceMaps": true,
            "webRoot": "${workspaceFolder}"
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

应用版本:

  • Visual Studio代码:1.25.1
  • Chrome:67.0.3396.99

我看到如果您有以下Chrome版本__CODE__,则会收到此错误消息.如果我打开Chrome并导航到__CODE__,我可以看到我的Chrome版本__CODE__.当我导航到__CODE__Visual Studio Code时,Chrome的版本显示为__CODE__.

不确定这是否相关,但如何更新Visual Studio Code中显示的Chrome版本,以反映正确的Chrome版本?

关于如何解决这个问题的任何其他建议?

debugging typescript visual-studio-code vscode-settings

72
推荐指数
7
解决办法
5万
查看次数

如何使用ctrl + shift + f缩进/格式化VSCode中的代码选择

我想在VSCode中缩进代码的特定部分

我读了如何在Visual Studio Code(VSCode)帖子格式化代码,该代码提供了缩进整个代码的快捷方式,但在选择特定代码段时它不起作用.

ctrl+shift+F在我的代码中选择了一些行后尝试了但是整个文件都是缩进的.我在Windows上使用VSCode Insider 1.8.0.任何帮助表示赞赏.

indentation visual-studio-code

71
推荐指数
7
解决办法
10万
查看次数

ESLint 如何集成到 Create React App 中?

当我运行 时npx create-react-app ...,正在为我创建一个简单的 React 项目。然后当我查看 时package.json,似乎有一些 ESLint 存在的证据,因为有这样的:

"eslintConfig": {
  "extends": "react-app"
},
Run Code Online (Sandbox Code Playgroud)

然而,每当我将 ESLint 作为开发依赖项安装并配置它时——就像我通常所做的那样——,VS Code 似乎会选择它。在这种情况下,VS Code 似乎没有意识到存在/配置了任何类型的 linter。这并不奇怪,因为 ESLint 不是我刚刚生成的 React 项目的依赖项——至少不是根据package.json. 当我尝试eslint .在项目的根目录中运行时,它显示“找不到命令”。

我试图通过扩展它来为这个 ESLint 配置注入活力,所以现在我有了:

"eslintConfig": {
  "extends": ["react-app", "eslint:recommended", "google"],
  "rules": {
    "semi": ["error", "always"],
    "quotes": ["error", "double"]
   }
},
Run Code Online (Sandbox Code Playgroud)

这没有任何改变。我以一种我知道它违反上述配置的方式操作源代码,但是,我没有收到任何不法行为的信号。

这让我想到一个简单的问题: 生成的项目是否create-react-app带有某种 ESLint 配置,如果是,我该如何正确启用和扩展它?

当我提到在搜索“create react app eslint”时出现的排名第一的谷歌点击- 我显然已经阅读过 - 让我澄清我的意思:

ESLint 显然是以一种不同的方式集成到 Create React App 中,而不是像这样 …

javascript reactjs eslint visual-studio-code create-react-app

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