小编Ans*_*onH的帖子

更改 Atom 中的 UI 字体大小

我在Atom(MacBook Pro,2021)中使用材质 UI 主题。我希望使一些UI 文本更大,例如选项卡、菜单、按钮、欢迎页面等上的文本。(注意:我不是指实际编辑器中的文本/代码!)。

例如,我希望将这些菜单选项的文本放大。(Atom 的打印屏幕):

我在原子设置和材质设置中都找不到此选项。我看过材料较少的文件,但我不明白它们。搜索了谷歌和SO,但我还没有找到适合我的解决方案。

如果您有答案,请记住我是初学者!

text-editor font-size atom-editor

14
推荐指数
1
解决办法
3502
查看次数

使用快捷方式在特定行撤消 vscode 中的本地更改

我正在使用 vscode 进行编程,并且我的文件中有一些本地更改。如果文件有本地更改,则更改的行将标记在行号槽的左侧,如图所示。您只需单击相应行的标记即可撤消这些更改。

但是,是否有特定的快捷方式可以恢复光标当前所在行的本地更改?这是因为点击该标记一段时间后会很烦人。

例如我想恢复第 55 行中的更改

git keyboard-shortcuts visual-studio-code

11
推荐指数
1
解决办法
5166
查看次数

VS Code Prettier - 如何禁用函数参数中的自动换行?

我正在使用Prettier v6.4.0,当它自动向我的函数参数添加新行时,我发现它很烦人。

例如,这是我想要的格式:

const Header1 = styled.h1`
  ${maxWidth(500, () => css`
    font-size: 36px;
  `)}
`;
Run Code Online (Sandbox Code Playgroud)

但是,Prettier 在格式化代码时会向函数参数添加新行:

const Header1 = styled.h1`
  ${maxWidth(
    500,
    () => css`
      font-size: 36px;
    `
  )}
`;
Run Code Online (Sandbox Code Playgroud)

如何配置 Prettier 来阻止上述行为?不过,我不想// prettier-ignore在标记模板文字中添加,因为这种格式模式在我的代码库中非常常见。

visual-studio-code prettier

8
推荐指数
0
解决办法
1354
查看次数

使用 oh my posh v3 在 vscode 终端中呈现奇怪的效果

我已经使用 oh-my-posh v3 优化了我的终端。它在上一个 vscode 版本和 Windows 终端中运行良好,但在当前的 vscode 中似乎很奇怪。

VS 代码终端:

vscode 终端

Windows 终端:

窗口终端

有人有这个问题吗?

visual-studio-code

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

VS Code - 如何更改资源管理器中灰色文件夹名称的颜色?

我使用Monokai Pro作为 VS Code 中的配色方案。当 VS Code 将文件中找到的文件夹名称变灰时.gitignore,文本颜色变得非常难以阅读。

例如,我将/node_modules文件夹(用红色圈出)写入我的.gitignore文件中,VS Code 会将node_modules资源管理器中的文本显示为灰色。

对比度不好 1

当我展开文件夹时,所有子文件夹的名称都显示为灰色,但文本很难阅读。

对比度不好 2

我想编辑 VS Code JSON 设置中灰色文件名的颜色。我知道我可以对配色方案进行自定义,如此处文档中所示。但是,我不确定哪个 JSON 属性针对资源管理器内的灰色文件名。

"workbench.colorCustomizations": {
    "[Monokai Pro]": {
        // What should I write here?
    }
}
Run Code Online (Sandbox Code Playgroud)

color-scheme visual-studio-code

6
推荐指数
1
解决办法
5133
查看次数

VScode更改行号背景的配置名称是什么?

如何更改该背景的颜色?

如何更改该背景的颜色?

https://code.visualstudio.com/api/references/theme-color - 有一个网站,您可以在其中选择 vscode 颜色的所有设置。我发现只有设置可以更改(1,2,3,4,5...)的颜色。你能帮我改变编辑器那部分的背景吗?

visual-studio-code

6
推荐指数
1
解决办法
2412
查看次数

React Leaflet - 标记图像无法加载

问题

我在我的 React 项目中使用leaflet v1.7.1react-leaflet v3.0.5 。

当我尝试React Router 的“Setup”文档页面中的设置示例时,标记图标变成了损坏的图像,如下图红色圆圈所示:

标记损坏的图像

从 React Router 的文档来看,标记应该是这样的:

正确的标记

经检查,保存标记图像的标签src的属性应为。然而,经过检查, my的属性看起来是乱码:<img>https://unpkg.com/leaflet@1.7.1/dist/images/marker-icon-2x.png<img>src

乱码链接

复制

我创建了一个新的沙箱,其中包含我的代码:

在代码沙箱上编辑

或者,按照以下步骤复制问题:

  1. npx create-react-app leaflet-test

  2. cd leaflet-test/

  3. npm i leaflet react-leaflet

  4. 在代码编辑器中打开项目。转到App.js并使用以下代码:

    import React from "react";
    import "./App.css";
    import "leaflet/dist/leaflet.css";
    import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet";
    
    const styles = {
      mapRoot: {
        height: 400,
      },
    };
    
    export default function App() {
      return (
        <MapContainer
          style={styles.mapRoot}
          center={[51.505, -0.09]} …
    Run Code Online (Sandbox Code Playgroud)

javascript leaflet reactjs react-leaflet

6
推荐指数
3
解决办法
5518
查看次数

vscode 上的智能感知终端

如何在 vscode 的终端中启用智能感知?当我开始打字时,旁边会自动出现提示。我发布了一张图片作为示例(在这张图片中,我用 和 旁边的浅灰色输入,我得到了建议)。谢谢。

例子

bash terminal intellisense visual-studio-code

6
推荐指数
1
解决办法
5905
查看次数

如何在 VS Code 中禁用 JS 文件的点 emmet 智能感知

我想在包含 JSX 代码的 Javascript 文件中使用 emmet,但我不希望 IntelliSense 在我使用点 ( .) 运算符时建议使用 emmet。

例如,我不希望.rap出现 emmet 建议:

图像

我尝试了这些设置:

"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "bottom",
Run Code Online (Sandbox Code Playgroud)

但是,我遇到另一个问题:

这个问题

替换"editor.snippetSuggestions"from"bottom""inline"也没有帮助。

emmet visual-studio-code vscode-snippets

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

Live Sass 编译器 - @use 导致编译错误

我在 VS Code 中使用Live Sass Compiler v3.0.0 ,每当我使用@use规则从另一个文件导入变量时,它都会引发编译错误。但是,当我使用 Sass 命令行界面 ( sass --watch) 编译我的文件时,它不会抛出任何错误

因此,我想问一下这是由于我的代码中的语法错误还是Live Sass编译器的错误引起的。

重现步骤

文件结构和代码

这是我在 VS Code 中打开的文件夹的文件结构sass-test

sass-test
|   style.scss
|   _variables.scss
Run Code Online (Sandbox Code Playgroud)

样式.scss

sass-test
|   style.scss
|   _variables.scss
Run Code Online (Sandbox Code Playgroud)

_变量.scss

@use "variables";

html {
  color: variables.$primaryColor;
}
Run Code Online (Sandbox Code Playgroud)

Live Sass 编译器输出

style.scss在 VS Code 中的新选项卡中打开。然后,单击窗口右下角的“Watch Sass”按钮。Live Sass 编译器会输出以下错误:

Compiling Sass/Scss Files: 
d:\Web Development\sass-test\style.scss
--------------------
Compilation Error
Error: Invalid CSS after "  color: variables": expected expression (e.g. 1px, …
Run Code Online (Sandbox Code Playgroud)

compiler-errors sass visual-studio-code

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

Flutter:SliverList 和 SliverFixedExtentList 的区别

SliverListFlutter和Flutter之间有什么区别SliverFixedExtentList

根据每个小部件的文档:

  • SliverList:“将多个盒子子项放置在沿主轴的线性阵列中的条子。”
  • SliverFixedExtentList:“将多个具有相同主轴范围的盒子子项放置在线性阵列中的条子。”

看来如果所有子项都有相同的主轴范围,我们应该使用SliverFixedExtentListover 。SliverList然而,“相同主轴范围”到底是什么意思呢?

flutter flutter-sliver flutter-layout

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

VS Code - 更改建议小部件中所选项目的背景颜色

当我开始在文件中键入代码时,VS Code 的 IntelliSense 将打开一个建议小部件窗口。但是,我的配色方案没有突出显示我当前正在选择的项目。

例如,在下面的屏幕截图中,我当前在position按一次 Tab 键后选择了第二个项目 ( ),但该项目与其他未选择的项目具有相同的背景颜色。如何更改所选项目的背景颜色?

在此输入图像描述

visual-studio-code

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