标签: visual-studio-code

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万
查看次数

VSCode键绑定隐藏资源管理器

VSCode中是否有任何可以隐藏资源管理器的键绑定,就像Ctrl+Shift+E显示它一样?

我讨厌伸手去拿鼠标而且我没有足够的屏幕空间让Explorer始终保持开启状态.

谢谢.

visual-studio-code

70
推荐指数
8
解决办法
1万
查看次数

在Visual Studio代码中使用正确缩进复制粘贴的设置

当我使用Visual Studio Code复制并粘贴一段代码时,按Enter键创建一个新行后,会发生以下情况:

在此输入图像描述

它似乎保留了新行创建的缩进,将复制的代码段中的先前信息添加到其上.我宁愿代码在粘贴时自动美化.

可以通过设置更改此行为吗?

编辑:我不是指跨平台的复制粘贴,我指的是在Visual Studio Code中的同一文件中复制和粘贴.

visual-studio-code vscode-settings

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

vscode 禁用空文件夹(父/子文件夹)合并/折叠/内联

如果子文件夹为空,vscode 会像截图一样将它们合并。有禁用它的选项吗?这对我来说很混乱,也更难使用。

在此处输入图片说明

visual-studio-code vscode-settings

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

防止Visual Studio代码中的自动完成

我正在使用新的Visual Studio Code,它显然尚未准备好黄金时段,但我希望能解决我遇到的问题.

在SQL文件中,无论何时键入case,它都会自动添加end,就像您正在构建case块一样.即使你在评论中,或者Case作为单词的一部分使用(例如select CaseID from...).我想完全禁用所有这些废话,因为它不能很好地为我自动完成任务.

我能找到的唯一配置选项,我已经设置:

"editor.autoClosingBrackets": false,
"editor.suggestOnTriggerCharacters": false,
Run Code Online (Sandbox Code Playgroud)

关于如何阻止这个的任何其他想法?

编辑:也适用于begin(它增加end)的东西,我相信更多.

visual-studio-code

69
推荐指数
9
解决办法
4万
查看次数

如何编辑Visual Studio Code的默认黑暗主题?

我正在使用Windows 7 64位.

有没有办法在Visual Studio代码中编辑默认的黑暗主题?在%USERPROFILE%.vscode文件夹中只有扩展的主题,而在安装路径(我使用默认,C:\ Program Files(x86)\ Microsoft VS Code)中有一些标准主题的文件在\ resources\app \扩展,如Kimbie Dark,Solarized Dark/Light或Monokai的变体,但没有默认的黑暗主题.

但是,如果毕竟有可能编辑它,那么哪些代码块负责对象成员的颜色,指针成员以及C++语言中类和结构的名称?

themes visual-studio-code

69
推荐指数
9
解决办法
8万
查看次数

VSCode单双引号自动替换

当我Format Document在Vue Component.vue文件上执行命令时,VSCode用双引号字符串替换所有单引号字符串.

在我的特定情况下,此规则与需要单引号的electron-vue lint配置冲突.

我没有安装更漂亮的扩展程序(在我的设置中没有prettier.singleQuote)

如何自定义vscode以避免这种情况?

visual-studio-code vscode-settings

69
推荐指数
23
解决办法
4万
查看次数

Visual Studio Code 源控件未显示更改

当我单击 Visual Studio Code 源代码控制面板时,它是空的。没有什么可以展开,也没有什么可以点击。

我尝试过的事情:

  • 卸载/重新安装 Git
  • 卸载/重新安装 VS Code
  • 删除了扩展文件夹

visual-studio-code

69
推荐指数
8
解决办法
16万
查看次数

禁用Visual Studio代码中的窥视

有没有办法在Visual Studio代码中禁用ctrl-click'peek'功能?理想情况下,我想按住Ctrl键单击以在新选项卡中打开包含定义的文件.

编辑:我提交了一个问题,至少让它不那么混乱.显然我的术语有些错误.

澄清一下,有两个动作:

  1. 右键单击 - > Peek Definition
  2. 右键单击 - > 转到"定义"(绑定到按住Ctrl键单击)

他们的行为如下:

  1. PD,单一定义
    • 打开显示定义的内联界面.
  2. PD,多种定义

    • 打开显示定义的内联界面.
  3. GtD,单一定义

    • 打开包含定义的文件.
  4. GtD,多种定义
    • 随机选择一个定义,打开该文件,以及显示所有定义的内联界面.

所有这些都很好,除了最后一个.做这两件事会导致真正多余且令人困惑的UI,如下所示:

混乱!

应该有办法让这些行为之一:

  • 随机选择一个定义,打开该文件.

要么:

  • 打开内联界面显示所有定义(在当前文件中)

visual-studio-code

68
推荐指数
1
解决办法
4354
查看次数

在VSCode中的列处自动硬包装线

如何在VSCode中自动硬包裹线?我的意思是,如果一行到达指定的列,则自动在最靠近该列的单词边界处插入换行符而不进行操作.Vim有一个名为textwidth的设置,我喜欢在编辑Markdown时使用它.据我所知,它似乎不像VSCode.它只是控制软包装的方法.

visual-studio-code vscode-settings

68
推荐指数
6
解决办法
4万
查看次数