我在Atom(MacBook Pro,2021)中使用材质 UI 主题。我希望使一些UI 文本更大,例如选项卡、菜单、按钮、欢迎页面等上的文本。(注意:我不是指实际编辑器中的文本/代码!)。
例如,我希望将这些菜单选项的文本放大。(Atom 的打印屏幕):
我在原子设置和材质设置中都找不到此选项。我看过材料较少的文件,但我不明白它们。搜索了谷歌和SO,但我还没有找到适合我的解决方案。
如果您有答案,请记住我是初学者!
我正在使用 vscode 进行编程,并且我的文件中有一些本地更改。如果文件有本地更改,则更改的行将标记在行号槽的左侧,如图所示。您只需单击相应行的标记即可撤消这些更改。
但是,是否有特定的快捷方式可以恢复光标当前所在行的本地更改?这是因为点击该标记一段时间后会很烦人。
我正在使用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在标记模板文字中添加,因为这种格式模式在我的代码库中非常常见。
我已经使用 oh-my-posh v3 优化了我的终端。它在上一个 vscode 版本和 Windows 终端中运行良好,但在当前的 vscode 中似乎很奇怪。
VS 代码终端:
Windows 终端:
有人有这个问题吗?
我使用Monokai Pro作为 VS Code 中的配色方案。当 VS Code 将文件中找到的文件夹名称变灰时.gitignore,文本颜色变得非常难以阅读。
例如,我将/node_modules文件夹(用红色圈出)写入我的.gitignore文件中,VS Code 会将node_modules资源管理器中的文本显示为灰色。
当我展开文件夹时,所有子文件夹的名称都显示为灰色,但文本很难阅读。
我想编辑 VS Code JSON 设置中灰色文件名的颜色。我知道我可以对配色方案进行自定义,如此处文档中所示。但是,我不确定哪个 JSON 属性针对资源管理器内的灰色文件名。
"workbench.colorCustomizations": {
"[Monokai Pro]": {
// What should I write here?
}
}
Run Code Online (Sandbox Code Playgroud) 如何更改该背景的颜色?
https://code.visualstudio.com/api/references/theme-color - 有一个网站,您可以在其中选择 vscode 颜色的所有设置。我发现只有设置可以更改(1,2,3,4,5...)的颜色。你能帮我改变编辑器那部分的背景吗?
我在我的 React 项目中使用leaflet v1.7.1和react-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
我创建了一个新的沙箱,其中包含我的代码:
或者,按照以下步骤复制问题:
npx create-react-app leaflet-test
cd leaflet-test/
npm i leaflet react-leaflet
在代码编辑器中打开项目。转到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)我想在包含 JSX 代码的 Javascript 文件中使用 emmet,但我不希望 IntelliSense 在我使用点 ( .) 运算符时建议使用 emmet。
例如,我不希望.rap出现 emmet 建议:
我尝试了这些设置:
"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "bottom",
Run Code Online (Sandbox Code Playgroud)
但是,我遇到另一个问题:
替换"editor.snippetSuggestions"from"bottom"到"inline"也没有帮助。
我在 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)
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) SliverListFlutter和Flutter之间有什么区别SliverFixedExtentList?
根据每个小部件的文档:
SliverList:“将多个盒子子项放置在沿主轴的线性阵列中的条子。”SliverFixedExtentList:“将多个具有相同主轴范围的盒子子项放置在线性阵列中的条子。”看来如果所有子项都有相同的主轴范围,我们应该使用SliverFixedExtentListover 。SliverList然而,“相同主轴范围”到底是什么意思呢?
当我开始在文件中键入代码时,VS Code 的 IntelliSense 将打开一个建议小部件窗口。但是,我的配色方案没有突出显示我当前正在选择的项目。
例如,在下面的屏幕截图中,我当前在position按一次 Tab 键后选择了第二个项目 ( ),但该项目与其他未选择的项目具有相同的背景颜色。如何更改所选项目的背景颜色?
atom-editor ×1
bash ×1
color-scheme ×1
emmet ×1
flutter ×1
font-size ×1
git ×1
intellisense ×1
javascript ×1
leaflet ×1
prettier ×1
reactjs ×1
sass ×1
terminal ×1
text-editor ×1