VSCode -更改菜单过渡属性
VSCode是一款由微软开发的免费开源的跨平台代码编辑器。它具有丰富的功能和扩展性，适用于前端开发、后端开发以及其他编程任务。
更改菜单过渡属性是指在VSCode中修改菜单的过渡效果。菜单过渡属性控制菜单在显示和隐藏时的动画效果。
在VSCode中，可以通过自定义主题或使用已有的主题来更改菜单过渡属性。主题是一种用于定义编辑器外观的配置文件，可以修改菜单的颜色、字体、边框等属性，从而改变菜单的过渡效果。
VSCode提供了丰富的主题扩展，用户可以根据自己的喜好选择适合自己的主题。以下是一些常用的VSCode主题扩展：
- Material Theme：一款现代化的主题，提供了多种颜色和样式选择。链接地址
- Dracula Official：一款深色主题，具有高对比度和鲜明的颜色。链接地址
- Monokai Pro：一款经典的主题，具有明亮的颜色和清晰的界面。链接地址
- One Dark Pro：一款受Atom编辑器启发的主题，具有简洁的设计和舒适的配色方案。链接地址
通过使用这些主题扩展，用户可以自定义VSCode的菜单过渡属性，使其更符合个人喜好和工作需求。
相关·内容
我目前正在使用作为VSCode中的Vue。
这是我目前的代码
<q-select label="Fruits" :options="['apple', 'mango']" />
这就是我想让它在保存时自动格式化的更漂亮的。
<q-select
label="Fruits"
:options="['apple', 'mango']"
/>
根据这些singleAttributePerLine，到目前为止，我已经尝试在settings.json
浏览 16提问于2022-07-24得票数 2
回答已采纳
1回答
我的HTML是：
<nav id="card-set-menu-nav" ng-style="cardSetMenuNavStyle">
...
</nav>
我使用AngularJS的Javascript代码如下：
$scope.openCardSetMenu = function(cardSet) {
$scope.cardSetMenuNavStyle = {'transition':'0.25s', 'left':'100%'};
$scope.car
浏览 4提问于2016-07-30得票数 3
回答已采纳
我正在建立一个照片网站，我的幻灯片有一个小问题，它严重依赖于JQuery。在幻灯片之间的过渡期间有一个非常小的时间段，我在最右边的菜单(见下图)移动到平铺图片旁边的左侧，因为作为过渡序列的一部分，中间的主照片的显示设置为“无”。它的速度如此之快，当下一张幻灯片显示在中央面板时，菜单实际上会在左侧闪烁，并重新出现在应该出现的位置。有没有一种方法可以在页面初始显示后确定右侧菜单的绝对位置，然后在document.ready方法中使用JQuery永久设置菜单的位置，以便在主照片消失那么短的时间内不会移动？
浏览 0提问于2015-07-17得票数 0
1回答
这是我的密码
// turn a pie into a nav menu (make it smaller)
// this is triggered when a pie should be turned into a nav
function beNavPie(pie) {
$(pie).css("transform", "scale(0.3)");
$(pie).css("transform-origin", "initial");
}
// turn a nav menu into a pie (rever
浏览 1提问于2016-10-04得票数 3
回答已采纳
我为一个网站创建了一个相当复杂的菜单。菜单由大量基于CSS3的动画组成。然而，当我导航到一个不同的页面时，菜单应该在一开始就构建起来-没有所有的动画，但是是JS方式的，而不是服务器端的。
现在，我想知道如何才能暂时完全禁用所有的过渡/动画，直到菜单构建完成。
我想过创建一个覆盖动画的子类，但它似乎不起作用，因为它总是在基类中定义的动画/过渡正在使用？
浏览 1提问于2011-11-29得票数 6
回答已采纳
1回答
我创建了一个小的响应菜单
它的工作原理和我想要的一样。
然而，我希望菜单实际上是过渡出去，而不是立即发生。
我试着添加
#nav:target > ul
{
display: block;
transition: display 2s linear;
}
但那不起作用。我也试过
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
display: inline-block;
浏览 3提问于2014-07-17得票数 0
回答已采纳
在下面的GIF中，有一个父div，包含“左菜单”和“应用内容”。左菜单是动画，使用关键帧和翻译属性。
#LeftMenuContainer {
&.menu_hidden {
animation: slide-out 0.6s forwards;
}
&.menu_shown {
animation: slide-in 0.6s forwards;
}
}
@keyframes slide-in {
0% { transform: translateX(-100%); width: 0; }
10
浏览 3提问于2022-02-27得票数 0
2回答
我需要在html页面之间过渡效果，当点击菜单或子菜单的时候，页面将与过渡效果打开。请指导我，如何做到这一点，提前感谢。
下面的链接只有div转场，没有页面转场。有没有可能在html页面之间进行同样的过渡？
浏览 1提问于2017-11-20得票数 4
回答已采纳
我创建了一个切换菜单，就像。
我为div.nav-menu添加了一个css过渡效果，并且我使用了max-height:0;到max-height:480px;。
单击菜单切换以显示菜单时，过渡工作正常。但是，当我单击菜单切换再次隐藏菜单时，转换现在不起作用。
我做错了什么？
浏览 2提问于2013-07-08得票数 3
回答已采纳
1回答
我正在开发一个单页Javascript应用程序，它可以运行在桌面浏览器上，也可以通过Cordova/Phonegap在移动设备上运行。
我有一个滑出菜单，是用CSS转换实现的.我注意到它在桌面浏览器和android上运行得很好。然而，在IOS上存在严重的性能问题。转换似乎没有按时开始，但是一旦开始，呈现和持续时间看起来就很好了。在IOS上，从开始过渡到过渡结束事件的时间比其他平台要长得多。例如，转换的持续时间是300 is，但我没有得到1500 is的transitionend事件。在所有其他平台上，我得到325-350毫秒的过渡结束事件。
过渡事件：
预期:350毫秒
实际:1500
浏览 0提问于2016-10-28得票数 6
回答已采纳
4回答
CSS菜单过渡不起作用
、、、
我试图在我的css下拉菜单中添加一些过渡效果，但无论我把过渡代码放在哪里，它似乎都不起作用。
transition: all 2s ease-in;
我试图让转换在实际的dropdown ul的父li的悬停时淡入淡出，这样事件就不会发生得如此突然。
jsfiddle：
浏览 2提问于2013-05-14得票数 2
回答已采纳
在重新安装vscode后，由于忘记将其添加到“开始”菜单中，每当在“资源管理器”菜单中右键单击“打开代码”时，它都会给出以下错误：“应用程序未找到”。
我告诉vscode在安装时在资源管理器中添加这个选项！
有什么帮助吗？
浏览 0提问于2019-06-23得票数 1
2回答
我已经构建了一个菜单，它是通过SplitViewNavigator构建的。左边的视图是菜单，右边的视图是内容窗口。左视图(菜单)默认为visible=false，但按下按钮后变为visibe=true，而右视图(内容)的大小调整为20%的宽度，使菜单覆盖80%的屏幕。
如何在visible=true/false上应用过渡效果？我想让它看起来像是左侧视图从屏幕的左侧滑入，就像菜单中的幻灯片。菜单现在刚刚显示出来，但是有没有可能让它滑动呢？或任何其他类型的过渡效果？
我的应用程序代码：
<?xml version="1.0" encoding="utf-8"?
浏览 0提问于2013-05-29得票数 0
回答已采纳
5回答
我刚刚完成了从Spyder到VScode的过渡，完成了我的python工作。有没有办法运行单独的代码行？这就是我过去进行现场调试的方式，但我在VScode中找不到这样的选项，而且我真的不想一直设置和删除断点。
谢谢。
浏览 0提问于2018-04-11得票数 15
1回答
如何禁用VSCode中的所有动画和过渡？例如，通过CSS或"\resources\app\out\vs\workbench\electron-browser\bootstrap\index.html“
浏览 1提问于2018-12-12得票数 2
1回答
如何制作灯泡菜单？
、、、
我想开发关于VSCode扩展中的灯泡菜单。
如何打开灯泡菜单。我找不到灯泡菜单的名字。什么是真正的名字？
虽然我不会说英语，但很难找到名字。
浏览 0提问于2021-01-03得票数 2
我学习Git并使用VSCode，只学习提交“修改”命令，现在在原产地(GitHUb)上试用它。
我找不到任何办法来做这个。我是否需要一些外部工具来完成我在VSCode中看不到Git菜单中任何“推送修改”的操作？
浏览 3提问于2020-09-14得票数 13
回答已采纳
2回答
因此，我将ul元素的max-height设置为0，但仍然显示文本内容。
<ul>
<li>Bendeykt</li>
<li>Analfabata</li>
</ul>
链接如下：
。
稍后我想使用过渡效果来隐藏和显示导航栏，当用户点击菜单图标时。但我不知道如何让列表元素消失。
浏览 1提问于2015-04-02得票数 4
1回答
WP全景视图
、、、
我有一个全景视图中的Windows Phone 7应用程序。它有一个菜单(假设是项目0)和4个其他的“页面”，称为项目。整个全景图被认为是一个页面，因此每个视图都称为项目。
我的问题是，当菜单中的按钮被按下时，我如何能够使用很酷的滑动过渡滑动到项目1、2、3和4？另一个问题是，我如何能够使用silverlight，我安装了它，但它没有出现在任何地方。
我使用了这个代码panoramaControl.DefaultItem = panoramaControl.Items[1];，但它给出了一个非常糟糕的过渡，就像刚刚出现一样。我试着使用故事板，但它不能提供滑动过渡。
浏览 1提问于2011-09-13得票数 1
在VScode上，Flutter使用"Ctrl +“来投影选定的小部件标签。快捷方式出现在打开菜单时，该菜单包括诸如“用容器包装此内容”。我想知道这是可能的。这些菜单选项丰富了新的项目，如用Stack等包装此内容。
浏览 6提问于2020-08-22得票数 1
从聚合物下拉菜单：
默认的转换是core-transistion-fade，但是加载非常慢。我想改变过渡时间。我怎么能这么做？
谢谢
浏览 2提问于2015-05-13得票数 1
回答已采纳
1回答
在过去的一周里，我一直在探索电子产品，我遇到了一个问题，那就是我如何才能像VSCode一样，用电子制作服装菜单。就像这样：
My菜单：--默认情况下，电子是如何在应用程序中创建菜单的；但是，我如何才能将菜单移动到蓝色条，就像图片中显示的那样。
VSCode菜单：，这就是我想要创建菜单的方式，就像VSCode有菜单一样。我正在考虑手动(在HTML上使用ul，li )，但是，我想知道是否有一种方法可以使用电子创建的菜单并将其导出到HTML中，或者是否有其他更好的方法来制作服装菜单，就像VSCode一样。
浏览 3提问于2022-04-17得票数 0
在VSCode中，当我按下⌘+ ALT + SHIFT键时，我的错误常常会从“错误和警告”菜单中被切断。
我的许多错误都比可用的空间长得多。我怎样才能增加宽度--甚至更好--把错误包装起来。
编辑1-在Github：中打开的一期
编辑2 - in VSCode
浏览 2提问于2015-11-17得票数 0
3回答
我一直试图创建一个过渡效果，在悬停时，一个子菜单从主导航栏下面滑出。到目前为止，我已经准备好了所有的元素，并且浪费了很多时间来玩各种不同的方法，但是都没有用。
这是。
我猜我将不得不摆脱隐藏子菜单的display: none -> display: block方式，因为它对转换没有好处，但是其他各种方法，比如转换max-height、opacity、从一个巨大的top值中将它取下来等等，都失败了。使用膨胀的top值方法，子菜单滑过所有的内容，而不是在下面，更改z-索引值在某种程度上将其推到了所有的后面，同时使背景变得透明。非常奇怪的行为。
如果有人能向我解释如何为子菜单创建一个平滑的滑出
浏览 0提问于2016-01-16得票数 0
回答已采纳
我想使响应垂直菜单与图标，这将缩小与过渡(淡入到左)时，屏幕宽度是小的。它看起来就像-普通菜单：
Position1(icon2) Position2(icon3) (Icon1) Position3
在缩小窗口(比方说800 to )之后，它应该会淡入左边，如下所示：
(icon1)(icon2)(icon3)
我如何只用HTML和CSS制作这样的东西呢？
浏览 6提问于2022-10-27得票数 -1
回答已采纳
我正在Win10 x64上使用VSCode x64，并希望将其与Perforce一起使用。我在同一台机器上安装了Perforce，可以同时使用本地和远程VS客户端。我已经从VSCode市场安装并加载了VSCode Perforce插件。激活模式设置为“自动检测”。
但是，在“源代码管理”窗格中，VSCode显示“源代码管理未注册源代码管理提供程序”。
我已经找到了，并尝试了上面描述的禁用-重新加载序列，但问题仍然存在。
没有"Switch SCM provider“的3点菜单。现在，我已经禁用了所有其他扩展，尝试重新安装扩展，并将Perforce登录设置添加到工作空间"sett
浏览 26提问于2018-11-28得票数 4
我有一个单页应用程序网站，我正在尝试使用锚定导航菜单，它向下滚动到页面的某些部分。
它工作得很好，但当我单击link...no过渡动画时，它只是跳到所需的部分。
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 700);
return false;
})；
This is the JQuery I am using....what do I change/add使其正确过渡。
浏览 0提问于2016-05-05得票数 0
1回答
我正在尝试创建一个在单击按钮时淡入/淡出的菜单，并且我正在尝试使用CSS过渡来制作动画。
下面是我想要实现的一个示例
#menu{
background: red;
display: block;
overflow: hidden;
position: absolute;
width: 182px;
top: 1em;
padding: 0;
height: auto;
opacity: 0;
/* The menu must not be clickable/cover the UI once hi
浏览 2提问于2013-08-02得票数 2
我从动画控制器中的状态进行了1次转换，并试图使
从同一状态相互转换，但没有“生成转换”菜单。
我如何从一个状态进行2次过渡？
统一版本为2020.3.32f1。
当我无法再进行一次过渡时，我就把这幅画放了。
我觉得菜单好像有点奇怪。没有“过渡”菜单。
浏览 7提问于2022-04-09得票数 0
1回答
大家好，我现在正在创建一个游戏，我想创建一个从公司推广到游戏的电影的图像过渡，之后显示标题菜单。我需要你们的帮助。请帮我创建一个C#代码的WPF其中过渡: 1.显示和图像长达3秒2.图像褪色和显示的标题菜单，我有一个方法调用标题菜单callTitleMenu()。*不需要过渡到电影，从图像直接到标题菜单谢谢
浏览 0提问于2011-04-16得票数 0
1回答
我使用的是"Solarized Dark“主题。更换菜单时，指示灯闪烁。你可以通过截图得到这个想法。它比屏幕截图上看到的更加华丽和频繁(强度无法正确捕捉)。 ? 有没有什么菜单过渡属性可以让我设置一些柔和的颜色，而不是华丽的白色？
浏览 19提问于2020-06-21得票数 0
回答已采纳
我刚开始使用Foundation 5。我在将过渡效果放到我的顶部栏下拉菜单时遇到了困难。我找不到要添加过渡效果的部分。我找到了一个适用于基础4的解决方案，并尝试将其应用于基础5，但它没有任何效果。有人能告诉我应该覆盖顶部栏下拉菜单的哪条CSS规则吗？
下面是我试图放入下拉菜单的一个CSS规则中的代码。这是我找到的解决方案：
.top-bar-section .dropdown {
display:block;
visibility: hidden;
opacity: 0;
}
.top-bar-section .has-dropdown.hover > .drop
浏览 0提问于2014-04-18得票数 0
2回答
我有一个移动web应用程序，它使用Zepto在页面之间创建过渡。动画在桌面上非常流畅，但在我的iPhone 4上却非常不稳定。动画比过渡效果更好吗？除了控制的粒度之外，动画和过渡之间的区别是什么？
浏览 0提问于2012-06-09得票数 0
回答已采纳
我正在创建一个视频，其中我需要一个图像在特定时间淡入和淡出在特定时间。我想要使用的预设是在“效果和预设”标签的过渡菜单下的"CC图像擦除“。如何将过渡应用到图像中，使其在给定的时间范围内淡入淡出？
浏览 26提问于2019-01-31得票数 0
是否可以创建一个自定义的顶级文件，编辑，查看等菜单使用摩纳哥(就像在VSCode)。自定义上下文菜单使用与VSCode相同的菜单(从它的外观来看)，因此它必须被埋在摩纳哥的某个地方。有人知道我是否可以在摩纳哥添加自己的菜单工具栏吗？
浏览 3提问于2022-10-06得票数 0
3回答
我正在创建一个汉堡包菜单，我使用JavaScript处理菜单的开关。下面是我的代码的样子：
const hamburger_menu = document.querySelector('.hamburger-menu');
const side_nav = document.querySelector('.side-nav');
hamburger_menu.addEventListener('click', () => {
side_nav.classList.toggle('open');
})
当单击汉堡包菜
浏览 18提问于2021-12-18得票数 0
回答已采纳
3回答
我想在悬停菜单项上添加一行，就像这个网站在导航菜单上所做的那样：
我试着用css来做这件事，但是过渡效果很难看。我该怎么做呢？
非常感谢！
浏览 0提问于2014-09-05得票数 4
我已经在Linux Mint19中安装了VSCode，具有希伯来语的区域设置和语言。 结果是VSCode菜单栏从右到左，菜单右对齐。如下所示。 ? 我希望确定菜单栏的方向和对齐方式。 更确切地说： 我希望菜单栏从左到右，菜单向左对齐。 我真心希望这在没有延期的情况下是可能的。
浏览 27提问于2019-06-10得票数 0
回答已采纳
我有一个菜单，里面有几个链接。我想让这些链接在我悬停时在背景中有一个发光的效果。
我几乎做了它使用css过渡，框阴影和一个较亮的背景颜色的链接。
问题是，过渡效果会影响长方体阴影，因此当过渡开始时，链接没有长方体阴影，这会给它们提供正方形的背景色。当过渡结束时，发光的背景看起来很好。
请看我的jsFiddle：。
我将非常感谢你在这方面的帮助。
下面是我的CSS的摘录：
<html><style>
div a:hover {
background: #527fa9;
-webkit-box-shadow: inset 0 0 30px 15px #49
浏览 2提问于2013-02-06得票数 6
回答已采纳
1回答
左边的过渡不适用于我的菜单。你可以在这里看到它，
在jQuery中，当您单击#show时，它将在.menu上切换类.menu_out。
$(document).ready(function(){
$('#show').click(function(){
$('.content').toggleClass("content_out");
});
$('#show').click(function(){
$('.menu'
浏览 0提问于2014-01-23得票数 0
回答已采纳
1回答
我正在尝试弄清楚如何在我的菜单过渡中实现平滑过渡。我已经编写了一个在单击时出现和消失的时间函数，但我不确定如何设置转换的样式。
这是我到目前为止所知道的：
HTML：
<nav id="menu">
<h2>Menu</h2>
<ul>
<li id="toggleTitle">Projects <i class="fa fa-angle-down" aria-hidden="true"></i></li>
浏览 2提问于2017-05-23得票数 0
我正在尝试创建一个单独的网站：
我使用基于滚动的菜单脚本(One Page Nav)来导航。但此脚本仅适用于单个菜单。当我将它与页面上的其他免费链接一起使用时，我丢失了菜单状态(页面位置状态)，换句话说，即使我为链接使用了不同的当前类，当前类也不再起作用。
我也会发现一个脚本改变我的菜单(标题)背景，在功能的页面位置，这是缓慢的(与过渡时间)。
我在等待你的帮助和回答！
浏览 0提问于2012-03-19得票数 0
在保存之前，示例似乎运行良好。在保存到"test.py“之后，项目似乎还没有被添加到自动完成列表中，因此”Untitled 1“可以很好地工作。我已经多次运行"npm安装“在文件夹中，但这似乎没有帮助。以下是无法工作的文件扩展名：
.ts
.c
.cpp
.js
.py
.sh
确实有效的扩展：
无扩展(unsaved9 )
.txt
我正在运行这个程序：-Ubuntu18.04.2LTS- vscode 1.41.0
编辑：
我设法在我的Windows机器上重现了这个问题。复制说明：
克隆这个Git
在completio
浏览 6提问于2019-12-21得票数 1
我尝试创建一个带有子菜单的菜单，该菜单将使用CSS与属性转换一起缓慢显示。
对于出现的菜单，我使用javascript更改了上面元素的类：
$('.menu>li').each(function()
{
$(this).removeClass('current');
var elem = this;
$(elem).find('>a').click(function(event)
{
if ($(elem).find('.s
浏览 0提问于2018-11-02得票数 0
在VSCode中，我希望用出现该字符串的文件名替换目录中的一个特定字符串，比如x。我能从搜索菜单上做这个吗？如果没有，是否有我可以使用的扩展？
浏览 4提问于2022-01-13得票数 0
1回答
Live示例： (在页面顶部的蓝色栏上移动鼠标)
我的问题：这个css 3d导航菜单(在顶部)不能在Opera中工作。为什么求你？css有以下内容：
-o-过渡：-o-转换0.5s易用性；
-o-不是歌剧？
浏览 1提问于2013-05-28得票数 0
回答已采纳
问题：
当我在VScode中打开源代码控制面板时，通常我能够看到任何差异，在面板的底部，我可以打开/关闭各种选项卡，如提交、分支、远程等。这些选项卡都因为某个回购而消失。
以下是它的外观：
选项卡可在面板底部使用。
我可以从“三点”菜单中选择/取消选择要显示的选项卡
然而，他们并没有显示在这一特定回购。下面是对回购的看法：
我看不见面板底部的标签
我无法在三点菜单中显示/隐藏它们。
备注：
我检查了VScode设置，用户设置和工作区设置完全相同。
这个目录中存在一个git (用来显示精细的选项卡)。
我不想在命令行中这样做。
浏览 5提问于2021-12-28得票数 4
我遇到了一个阻碍我的问题。我有一个面板，可以从我的所有页面打开，我正在使用外部面板(新的jqm1.4.0)来实现这一点，这是相当酷的。面板具有指向用于导航的不同页面的链接。一切都很好，直到我改变了所有的过渡：‘幻灯片’到过渡：‘无’，因为一些明显的性能原因。在我移除过渡面板后，开始出现一些奇怪的问题
为了更好的理解，我创建了一个。单击“菜单”按钮打开面板，单击“转到第二页”链接。这将从我使用changePage到pageTwo的地方调用一个JS方法(根据设计，我应该通过JS方法，我不能像#pageTwo那样)。现在单击Back按钮返回#pageOne。现在，如果您单击菜单按钮，它不会打开。令人
浏览 4提问于2014-02-12得票数 1
回答已采纳
2回答
我有一个报告页，其中我有我的菜单，我的标题，页脚等。然而，我想有一个选项，报告内容可以扩大到全窗口大小(而不是全屏幕)与过渡。我正在试验这个例子：
我的主要问题是，我不能让它也过渡到运动，而不仅仅是扩大。它立即跳到左上角，没有任何过渡，而100%的宽度和100%的高度过渡工作。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
浏览 0提问于2018-08-09得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
