天道酬勤,学无止境

Switch tabs using command + number in WebStorm?

Is there any way to switch tabs using command+number? This feature is available in Atom, Code, and many other IDEs,

评论

Unfortunately WebStorm does not have such functionality.

https://youtrack.jetbrains.com/issue/IDEA-68324 -- watch this ticket (star/vote/comment) to get notified on any progress.


At the same time -- try GoToTabs plugin -- it can do that.

You will have to add keyboard shortcuts yourself: to prevent any possible conflicts with already assigned commands, those actions do not have any shortcuts assigned.

As of 2018.3, it is now possible to switch tabs using a keyboard shortcut.

The option name in keymap preference is "Other > Tabs > Select Tab #1"

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • Visual Studio Code 中是否有快速更改选项卡功能?(Is there a quick change tabs function in Visual Studio Code?)
    问题 当前为我提供选择哪个选项卡的下拉选项的功能非常烦人。 是否有可能将其删除,以便选项卡可以像在某些现代 Web 浏览器中一样工作。 回答1 默认情况下,Visual Studio Code 中的Ctrl + Tab按最近使用的顺序循环浏览选项卡。 这很令人困惑,因为它取决于隐藏状态。 Web 浏览器以可见顺序循环浏览选项卡。 这更直观。 要在 Visual Studio Code 中实现这一点,您必须编辑keybindings.json 。 使用带有CTRL+SHIFT+P的命令面板,输入“首选项:打开键盘快捷键(JSON)”,然后按 Enter 。 然后在文件末尾添加: [ // ... { "key": "ctrl+tab", "command": "workbench.action.nextEditor" }, { "key": "ctrl+shift+tab", "command": "workbench.action.previousEditor" } ] 或者,要仅循环浏览当前窗口/拆分视图的选项卡,您可以使用: [ { "key": "ctrl+tab", "command": "workbench.action.nextEditorInGroup" }, { "key": "ctrl+shift+tab", "command": "workbench
  • Intellij 插件:AirBnB ESLint w/React(Intellij plugin: AirBnB ESLint w/ React)
    问题 在 Ubuntu 15.10 上使用 Intellij Idea 15.0.2 并尝试将 ESLint 配置为工作。 按照 Jetbrains 网站上的说明进行操作,但没有骰子。 这是我在语言和框架 > javascript > 代码质量工具 > ESLint 中设置的屏幕截图。 这是我在 IntelliJ 中的 nodejs/npm 设置的屏幕截图。 还有我的.eslintrc文件,在项目根目录中: { "extends": "airbnb", "rules": { "comma-dangle": 0 } } 这是/index.js中的一个/index.js ,它在 IntelliJ 中不会产生错误或警告: var superman = { default: { clark: "kent" }, private: true }; 这是我从终端运行eslint index.js时的输出: 4:1 error Unexpected var, use let or const instead no-var 5:5 error Expected indentation of 2 space characters but found 4 indent 5:23 error Strings must use singlequote quotes 6:5 error Expected
  • 常用快捷键整理
    windows CRTL+A全选 CTRL+C复制 CTRL +V粘贴 Ctrl+x:剪切选择的项目 Ctrl+y:重新执行某项操作 Delete:删除所选的项目并将其移动到“回收站” Shift+delete:永久删除所选的项目(删除之后无法从回收站还原) Win+d:显示桌面 Win+m:最小化所有窗口 Win+E:打开我的电脑 Win+R:打开运行对话框 Win+←:最大化到窗口左侧的屏幕上 Alt+←:切换到前一次打开的文件夹 Chrome Ctrl+Table 切换标签页 Ctrl+D快捷收藏 Ctrl+N 打开新窗口 Ctrl+T 打开新标签页 Ctrl+1 到 Ctrl+8 切换到指定位置编号的标签页 Ctrl+9 切换到最后一个标签页 Ctrl+W 或 Ctrl+F4 关闭当前标签页或弹出式窗口 Ctrl+Shift+Tab 切换到上一个标签页 F6 或 Ctrl+L 光标焦点落在地址栏。 Ctrl+Shift+T 重新打开上次关闭的标签页 Ecplise CTRL+D 删除一行 CTRL+/ 注释 Alt+Shift+J 注释方法 Ctrl+1 快速修正: Alt+/ 单词补全 Ctrl+H 搜索 Alt+Left 上一个选中 Ctrl+Right 上一个单词 F3:打开选中元素的声明 F5:Step Into(debug) F6:Step over(debug)
  • WebStorm:配置 Prettier 以使用选项卡?(WebStorm: configure Prettier to use tabs?)
    问题 Prettier 文档说使用--use-tabs覆盖默认行为。 WebStorm 自动填充 Prettier 包: 那是一个文件夹。 我尝试将其更改为npm\prettier.cmd并添加开关,但这不起作用(它只是变成红色)。 如何将 WebStorm 设置为在 Prettier 中使用选项卡? 回答1 由于 https://github.com/prettier/prettier/pull/2434 修复,Prettier(甚至全局!)在格式化时使用最接近当前文件(在目录树上)的配置文件。 因此,您可以通过在项目package.json添加相应的.prettierrc文件或"prettier" .prettierrc "prettier"部分来全局安装并在您的项目中配置它。
  • webstorm是否有一些console.log或console.info的快捷方式(does webstorm have some shortcut for console.log or console.info)
    问题 只是厌倦了一遍又一遍地输入console.log,并且在Eclipse中找不到像'Sysout + Control + Space'这样的方法会创建System.out.println()。 回答1 有一个预定义的 Postfix 模板,它允许您在 JavaScript 表达式或字符串后键入 .log,然后按 Tab 键将其转换为 console.log()。 您还可以创建一个实时模板(请参阅首选项 | 编辑器 | 实时模板),一旦您键入所选缩写并点击 Tab,它就会扩展为代码片段。 更新:现在还有一个插件允许您使用快捷方式添加 console.log:https://plugins.jetbrains.com/plugin/10986-console-log 回答2 是的,确实如此, <anything>.log并按Tab键。 这将导致console.log(<anything>); IE, <anything>.log + Tab => console.log(<anything>); eg1:变量 let my_var = 'Hello, World!'; my_var.log + Tab => console.log(my_var); eg2:字符串 'hello'.log + Tab => console.log('hello'); eg3:字符串和变量
  • webstorm常用快捷键和react项目的快捷键
    代码标签输入完成后,按Tab,生成代码。 ctrl + a - - 选择全部 ctrl + b - - 跳到变量申明处,快速打开光标处的类或方法 ctrl + c - - 复制 ctrl + d - - 如果选择了文本那么就是向此行的末尾复制,如果没有选中文本那就是将此行向下复制 ctrl + e - - 弹出最近打开文件列表,可以快速选择最近曾经打开的文件。 ctrl + f - - 在所在的文件内查文本 ctrl + g - - 跳转至指定行指定列(列可以不填) ctrl + h - - 显示类结构图(如果没有则不会显示) ctrl + i - - 暂时不知道干啥的(有知道的朋友可以下方评论,笔者补全) ctrl + j - - 输出模板,自动代码 【弹出快捷代码框。】 ctrl + k - - 调出git的commit界面,提交版本 ctrl + l - - 如果你ctrl + f查找xxx了,那么在按ctrl + l就会快速指定xxx的位置,在按一次指定下一次位置 ctrl + m - - 暂时不知道干啥的(有知道的朋友可以下方评论,笔者补全) ctrl + n - - 查找类 ctrl + o - - 选择替换方法 ctrl + p - - 方法参数提示 ctrl + q - - 显示注释文档 ctrl + r - - 替换文本 ctrl + s - - 保存文档
  • WebStorm: configure Prettier to use tabs?
    The Prettier docs say to use --use-tabs to override the default behavior. WebStorm automatically populated the Prettier package: That's a folder. I tried changing it to npm\prettier.cmd and adding the switch, but that doesn't work (It just turns red). How can I set WebStorm to use tabs with Prettier?
  • 更新 WebStorm 2016 中的当前缩进空间大小(Update current indentation spaces size in WebStorm 2016)
    问题 我需要在自动创建的 Ionic 项目中从 2 个空格的缩进样式切换到 4 个空格的缩进样式。 我在 Mac OS X 上运行 WebStorm 2016.1。 我已经尝试改变: 网络风暴 | 偏好 | 代码风格 | JavaScript | 制表符和缩进 并使用缩进大小、制表符大小、使用制表符等...但似乎没有任何更改对现有(和新)JavaScript 文件产生影响。 关于如何实现它的任何想法? 某些常规设置可能会阻止此更改生效吗? 回答1 你的项目中有.editorconfig文件吗? 那里的设置将覆盖您的代码样式设置(这是预期的行为——这是 EditorConfig 插件的全部性质/目的)。 PS IDE 应该通知你这种行为(对我来说)。 例如:
  • Update current indentation spaces size in WebStorm 2016
    I need to switch from a 2 spaces indentation style to a 4 spaces one within an automatically created Ionic project. I'm running WebStorm 2016.1 on Mac OS X. I already tried to change: WebStorm | Preferences | Code Style | JavaScript | Tabs and indents and play with indent size, tab size, use tab character etc... but no change seems to have effect on existing (and new) JavaScript files. Any idea about how to achieve it? Might some general setting prevent this changes to take effect?
  • Sass FileWatcher用于Webstorm(Sass filewatcher for webstorm)
    问题 我正在尝试在NodeJS项目中使用sass,这是我随nodejs安装的库 https://www.npmjs.org/package/node-sass 我正在为该项目使用webstorm,但无法使Sass文件监视程序正常工作。 即使保存了文件监视程序并单击“确定”,文件监视程序也无法正常工作。 当我打开设置以检查出什么问题时,filewatcher未被选中。 这是filewatcher设置: node-sass模块作为全局模块安装,因此node-sass命令有效。 回答1 正如lena和lazy所建议的那样,最肯定地通往.cmd的路径是错误的。 每当观察者取消登录Web / Phpstorm时,可能是由于路径无效。 如果您仍然无法使用node-sass,则可以始终使用Ruby。 下载并安装Ruby for Win, 通过命令提示符使用gem install sass安装Sass, 在Web / Phpstorm中,将“程序”路径放入sass.bat(还记得node-sass.cmd?),例如C:\Ruby200\bin\sass.bat 回答2 您需要在“程序”字段中指定node-sass.cmd的完整路径(如@LazyOne所述) 指定的参数不适用于node-sass-它们仅适用于标准SASS编译器。 这是节点ass选项的列表: Usage: node C:\Users
  • webstorm合并分支,Git合并分支
    webstorm可视化操作git 操作合并之后,push时遇到的问题 webstorm可视化操作,命令操作 场景:把dev分支的代码合并到V4分支 1、查看是否有更改的代码,如果有可以先暂存到shelf中,可以直接拖动,或者右键-Shelve Changes-Shelve Changes。 1/1 git pull 拉一下最新的代码, 1/2 把暂存区代码拉出来,或者复制出来。 1/3 git add . git commit -m 备注信息 ; commit代码 git push; 提交代码 或者右键commit,commit and push 2、切换分支 执行 git checkout V4MergeDev 或者 Checkout切换分支到V4MergeDev 4、合并分支 执行命令 git merge dev,或者 merge into current合并分支,合并冲突代码 5、推送到远程V4MergeDev分支 命令 git commit -m 备注信息 git push origin head:refs/for/V4MergeDev 或者在local changes 右键需要合并的代码,commit - commit and push 问题: Git合并分支后,push至仓库被拒绝 出现信息: To ssh://XXX.XXX.XXX.XXX:XXXX/项目名 !
  • 使用webStorm创建vue.js项目并运行
    文章目录 前言下载环境1、下载Node.js并安装配置nodejs的全局路径以及缓存路径设置环境变量设置系统环境变量设置用户环境变量安装一个module测试一下上述环境变量是否配置成功,以安装express模块为例 2、安装淘宝镜像(类似于阿里云的maven中央仓库的镜像)3、安装webPack4、安装Vue检测上述操作是否安装成功 使用WebStorm创建Vue 前言 下载环境 最近接了一个活儿,是用WebStorm开发一个基于VUE的网站 没接触过VUE相关的项目实践,将环境相关试错罗列如下: 下载并安装webstorm了以后将项目从git上检出发现不能跑,后查询了相关资料发现由于VUE项目的运行依赖于Node.js环境,所以需要先下载Node.js相关环境 1、下载Node.js并安装  首先上Node.js官网找到了本机操作系统对应的Node.js版本进行了安装包的下载。 官网:https://nodejs.org/en/download/ 经过搜索资料,使用VUE或者配置Node.js还需要用到npm–一个基于Node.js的包管理器,简介如下: npm全称为Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。 npm的初衷
  • Intellij:左右移动选项卡(Intellij: Move tab left and right)
    问题 有没有办法使用键盘移动/重新定位选项卡? 我知道我可以使用 ALT + LEFT/RIGHT 切换选项卡,我希望能够使用 ALT + SHIFT + LEFT/RIGHT 移动它们。 这可能吗? 回答1 截至 2017 年最新版本,此功能没有内置键盘快捷键。 不过,您可以在问题跟踪器中为它投票。 回答2 我不确定您是否可以移动实际的标签。 但是,如果您使用CTRL + TAB您将获得与在 Windows 上执行ALT + TAB时看到的功能相同的功能。 这意味着您可以按住组合键找到要快速切换的选项卡,然后只需按下组合键即可来回切换。 回答3 我的研究表明(目前)没有办法做到这一点。 有一个“向右移动”和一个“向下移动”,但这只是分别垂直和水平拆分选项卡组。 似乎也没有与此相关的键绑定。 也许建议将其作为一个功能:https://youtrack.jetbrains.net/issues/IDEA/(他们的证书不好,所以我不想直接链接) 您可以为此安装一个插件:http://www.smardec.com/products/idea.html 不幸的是,它在 Intellij 13 中不起作用(产生运行时错误) 回答4 插件 TabMover 过去几年一直在 WebStorm 中工作。 (2019 年 1 月确认) 您可以直接从Preferences > Plugins安装它。
  • 使用 Chrome 进行 WebStorm 调试 - 具有有用控制台和在 WebStorm 中设置断点的最佳工作流程(WebStorm debugging with Chrome - best Workflow with useful console and setting breakpoints in WebStorm)
    问题 我想要实现的主要目标是直接在 WebStorm 中设置断点,而不必再次在 Chrome 中找到它们(我目前使用警告作为最快的方式来做到这一点......),而不会丢失 Chrome 中可用的任何功能。 我目前正在尝试从在 Chrome 中调试 JavaScript 切换到直接在 WebStorm 中调试。 我使用远程调试和 Chrome 插件对其进行了设置,并且效果很好。 但是WebStorm中的控制台样式和选项与我在 Chrome 中所拥有的相差甚远。 console.warn 的颜色与 console.log 输出的颜色相同,我无法过滤输出中的错误或警告。 是否有任何插件或选项可以改善这种行为,或者我是否需要坚持使用 Chrome 控制台? 如果我回退到使用 Chromes 控制台,当启动开发者工具时 JetBrains 调试插件被禁用,使得在 WebStorm 中设置的断点无用 -是否有更好的工作流程来充分利用这两个世界? 更新:我正在使用“调试器”; 现在代码中的命令,它至少比我以前使用的要好得多。 来源:在代码中设置 javascript 断点 - 在 chrome 中? 我仍然愿意接受更好的建议,因为我不必为了调试目的而更改代码。 /edit :这是我的控制台颜色设置和输出的屏幕截图(上面有相应的命令): 回答1 目前似乎没有比使用“调试器”更好的解决方案;
  • WebStorm debugging with Chrome - best Workflow with useful console and setting breakpoints in WebStorm
    The main thing I want to achieve is setting breakpoints directly in WebStorm instead of having to find them in Chrome again (I currently do this with warnings as the fastest way...), without losing any features available in Chrome. I'm currently trying to switch from debugging JavaScript in Chrome to debugging in WebStorm directly. I got it setup using Remote Debugging together with the Chrome-plugin and it works quite good. But the console style and options in WebStorm are far away from what I have in Chrome. console.warn has just the same colors as console.log output and I can't filter the
  • 是否可以在量角器调试配置(WebStorm)中指定参数(Is it possible to specify params in Protractor Debug Configuration (WebStorm))
    问题 我在 Webstorm 中使用量角器,为了在终端中使用参数,我可以做protractor --params.url=http://www.google.com/有没有办法在这个配置中指定参数,所以我不不必每次都打字? 以类似于下面的屏幕的方式 回答1 量角器运行配置当前不支持将命令行选项传递给量角器,请投票支持 WEB-25165 以获取有关此功能的任何进展的通知。 但是,正如@tehbeardedone 所提到的,可以在量角器配置中指定params - 请参阅如何在 Angularjs 量角器中使用命令行参数? 回答2 这是对我有用的配置 打开网络风暴单击“运行”选项卡选择“编辑配置...” 单击新打开窗口左上角的“+”按钮从列表中选择“Node.js”配置 设置参数(以下示例在windows机器上使用) 名称:'量角器' 节点解释器:'C:\Program Files\nodejs\node.exe' 节点参数:'' 工作目录: JavaScript 文件:'~\AppData\Roaming\npm\node_modules\protractor\built\cli.js' 应用程序参数,这是您指定 conf 路径的地方,相对于工作目录^,然后是这样的参数:'e2e/ settings /configs/protractor.custom.conf.js -
  • 为什么我的AngularJS,Karma / Jasmine测试运行如此缓慢?(Why are my AngularJS, Karma / Jasmine tests running so slowly?)
    问题 我有一些针对angularjs应用运行的简单的业力/茉莉单元测试。 我使用最新版本的Chrome,并在WebStorm IDE中运行测试。 有时测试套件运行非常快(0.24秒) 有时,针对完全相同的代码的完全相同的测试套件运行非常缓慢(120秒) 我已经尝试了所有常识性修复方法。 我已经在网上搜寻了一下,以尝试发现我在做错什么。 为什么我的测试运行如此缓慢? 回答1 答案很简单。 我正在使用Chrome运行业力服务器。 首次启动业力服务器时,Chrome实例将作为最大化窗口启动。 因此,自然可以将其最小化,以便可以查看测试的运行情况。 问题是Chrome缺少CPU周期的任何最小化或次级选项卡(已切换选项卡)。 因此,如果您最小化运行业力服务器的浏览器实例,或者只是切换到其他选项卡,则业力服务器严重缺乏CPU,并且测试需要很长时间才能完成。 解决方案是使“业力”选项卡保持活动状态。 浏览器窗口可以隐藏在其他窗口后面,但“业力”选项卡必须是选定的选项卡,并且不能最小化浏览器。 遵循这些简单的规则将确保您的测试始终以全速运行。 回答2 Biofractal已经回答了他自己的问题,您可以这样做。 您还可以将测试设置为在PhantomJS或Chrome Headless中运行,这基本上允许单元测试仅在命令行中运行,从而消除了对实际浏览器的影响。
  • vue-cli 4 快速构建一个 Vue 项目
    1.1 环境搭建 1.1.1 node ☞ 概述   Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与 PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月,由 Ryan Dahl 开发,实质是对 Chrome V8 引擎进行了封装。   Node 对一些特殊用例进行优化,提供替代的 API,使得 V8 在非浏览器环境下运行得更好。V8 引擎执行 Javascript 的速度非常快,性能非常好。Node 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。 ☞ 查看版本信息   node 下载地址 ,推荐下载 LTS 版本。安装方法与普通软件无异,一路 next 即可。安装完成后,可以使用 node -v 查看版本信息,同时需要配置环境变量,一般环境变量会自动配置好。 1.1.2 npm ☞ 概述   npm(node package manager)
  • WebStorm - 错误:请指定 npm 包(WebStorm - error: Please specify npm package)
    问题 Webstorm 在尝试运行 package.json 中指定的命令时抛出错误: "devDependencies": {}, "scripts": { "dev": "./node_modules/.bin/webpack-dev-server --content-base src --inline --hot", "test": "echo \"Error: no test specified\" && exit 1" }, 我已经在其他计算机(Linux/Windows)上将此脚本与 Webstorm 一起使用。 在这个 (Linux) 上,它似乎不是突然出现的。 它曾经很好。 我刚刚升级了Webstorm。 在 CLI 中,'dev'命令工作正常,这与 Webstorm 配置有关。 在 Settings => Languages & Frameworks => NOde.js 和 NPM 中,节点解释器被指定为 /usr/bin/node 这是正确的路径。 我还单击了启用 Node.js 核心库。 仍然在 Webstorm 的 NPM 窗口中,当我想运行“开发”脚本时,它会抛出上述错误。 如果这很重要,该项目是一个反应项目。 过去,它运行良好。 请指教。 编辑:添加了屏幕截图 - 默认值 dev => 编辑“开发”设置: 回答1 从 11.0.3 升级到 2016.1
  • 前端规范:eslint与prettier使用(干货)
    前言 一直在忙于公司的事情,博客这方面也有些怠慢,说一说最近整理的前端规范。公司要求前端代码必须有一套自己的规范,说一下我们公司项目分2种,一种是后台管理系统是用Vue搭建的,一种是H5App(采用的原生嵌套H5页面,有用JQuery/Vue),鄙人采用的技术是eslint配合prettier使用,话不多说,干货来了。 什么是eslint? ESLint 是一个开源的 JavaScript 代码检查工具,它是用来进行代码的校验,检测代码中潜在的问题,比如某个变量定义了未使用、函数定义的参数重复、变量名没有按规范命名等等。 ESLint 的初衷是为了让程序员可以创建自己的检测规则。ESLint 的所有规则都被设计成可插入的。ESLint 的默认规则与其他的插件并没有什么区别,规则本身和测试可以依赖于同样的模式。为了便于人们使用,ESLint 内置了一些规则,当然,你可以在使用过程中自定义规则。 ESLint 使用 Node.js 编写,这样既可以有一个快速的运行环境的同时也便于安装。 (重点,使用eslint必须有package.json文件)什么是Prettier? 它是代码格式化工具,用来做代码格式化,有了Prettier之后,它能去掉原始的代码风格,确保团队的代码使用统一相同的格式,修复规则可自定义。建议: ESLint的机制是首先在项目中去找是否有.eslinntrc