Webstrom软件,可以左边代码,右边浏览器右边空白吗,有什么比较方便的快捷键

评论- 204&
&&&&&&&&&&&
1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。
2. ctrl + j: 输出模板
3. ctrl + b: 跳到变量申明处
4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
5. ctrl + []: 匹配 {}[]
6. ctrl + F12: 可以显示当前文件的结构
7. ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
8. alt + left/right:标签切换
9. ctrl + r: 替换
10. ctrl + shift + up: 行移动
11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)
12. ctrl + d: 行复制
13. ctrl + shift + ]/[: 选中块代码
14. ctrl + / : 单行注释
15. ctrl + shift + / : 块注释
16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
17. ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。
18. ctrl + '.': 折叠选中的代码的代码。
19. shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示。
20. alt + '7': 显示当前的函数结构。
21. 如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。
默认配置下的常用快捷键
ctrl+shift+N
通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N
通过一个字符快速查找位置(必记)
在文件内快速查找代码
查找下一个
查找上一个
文件内代码替换
ctrl+shift+R
指定目录内代码批量替换
ctrl+shift+F
指定目录内代码批量查找
文件内代码替换
ctrl+shift+A
快速查找并使用编辑器所有功能(必记)
快速拆合功能界面模块
ctrl+shift+F12
最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F
将当前文件加入收藏夹
ctrl+alt+s
打开配置窗口
切换代码选项卡(还要进行此选择,效率差些)
alt+&-或-&
切换代码选项卡
ctrl+shift+N
通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N
通过一个字符快速查找位置(必记)
在文件内快速查找代码
查找下一个
查找上一个
文件内代码替换
ctrl+shift+R
指定目录内代码批量替换
ctrl+shift+F
指定目录内代码批量查找
文件内代码替换
ctrl+shift+A
快速查找并使用编辑器所有功能(必记)
快速拆合功能界面模块
ctrl+shift+F12
最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F
将当前文件加入收藏夹
ctrl+alt+s
打开配置窗口
切换代码选项卡(还要进行此选择,效率差些)
alt+&-或-&
切换代码选项卡
关闭当前代码选项卡
复制当前行
ctrl+&-或-&
以单词作为边界跳光标位置
alt+Insert
新建一个文件或其他
ctrl+alt+L
格式化代码
shift+tab/tab
减少/扩大缩进(可以在代码中减少行缩进)
shift+enter
重新开始一行(无论光标在哪个位置)
进入代码编辑区域
查找代码在其他界面模块的位置,颇为有用
到指定行的代码
光标到代码块的前面或后面
alt+up/down
上一个/下一个方法
建议配置版本控制快捷键
向远程版本库推送更新
到指定行的代码
光标到代码块的前面或后面
alt+up/down
上一个/下一个方法
阅读(...) 评论()2679人阅读
webstorm 写的页面经常需要在浏览器中打开,为了提高工作效率,将这个动作设置一个快捷键 F5
点击菜单 files --》 settings --》在左侧菜单中 Appearance &behavior 下面有一个keymap &点击--》在右侧搜索&open in default browser,并设置快捷键(会提示F5 快捷键冲突,请忽略)--》完成设置
则新建一个页面后 &直接点击F5可以在浏览器中查看(如果项目没有配置root 服务器地址,则使用webstorm 自带的web服务器,端口号码 可以在设置中的built-in server port 中调整)
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:182518次
积分:3821
积分:3821
排名:第4813名
原创:191篇
转载:104篇
评论:15条
(2)(10)(12)(13)(9)(4)(18)(9)(2)(13)(30)(15)(12)(24)(3)(14)(19)(5)(3)(1)(1)(5)(5)(3)(1)(8)(2)(1)(2)(1)(7)(7)(3)(5)(7)(10)(2)(2)(2)(3)(4)(2)1346人阅读
WebStorm(2)
转载:/dc10101/archive//2841900.html
运气好,赶上了日“世界末日”的促销活动,便宜买到了这款号称The smartest JavaScript IDE的软件。
我一向对工具很挑剔,由于是从.NET转型成Web前端,在尝试了Sublime Text 2以后,还是觉得VS把Web Essential, VsVim之类的插件装全了,更好用也更好看一些。
同时,作为一个Vim的受益者,IDE对Vim支持得如何很大程度上影响了我的选择。在vim的支持方面,VS的VsVim和Sublime的Vintage都有一些缺陷。种种原因,令我对WebStorm充满了期待。
安装Vim插件
在主界面用快捷键ctrl+alt+s打开settings界面,左侧导航栏里选中plugin项,如下图:
选中plugins后,会在右侧列出所有已安装的插件,我们要新安装一个插件,因此要点击Browse repositories。
弹出的新窗口默认会列出所有的插件,我们在右上角的搜索框输入ideavim进行筛选,然后在ideaVim上右键选择Download and install,如下图:
下载进度会显示在WebStorm主窗口底部的状态栏,下载完毕后会有提示,需要重启Web Storm才能使插件生效,如下图:
重启后,就已经是Vim的输入方式了。这时候打开Tools菜单,会看见多了两项。
VIM Emulator:切换是否使用Vim的输入方式。
Reconfigure VIM Keymap: 设置快捷键。下文中我们将会用它来设置快捷键。
设置快捷键
长期在Windows下工作,使用Vim不可避免要搭配一些Windows的快捷键,比如ctrl+c, ctrl+v,在gVim, VsVim, Vintage里都做出了妥协,采用了Windows的行为。但WebStorm默认并没有保持这些快捷键在Vim中原有的作用。没关系,下面就来详述一下如何解决这个问题。
具体做法是:新建一套键盘映射,然后让vim使用这套映射。
首先,在主界面用快捷键ctrl+alt+s打开settings界面,左侧导航栏里选中Keymap项,如下图:
在右侧的keymaps下拉列表中选择Default,我们将以此为基础进行修改,因此点击copy按钮,复制一份新的出来,接下来就可以放心在上面修改了。
给它起一个新的名字myVim。
现在要看看copy命令的快捷键,于是在右上的搜索框输入copy,会把与copy相关的都筛选出来,见下图:
我们看到,ctrl+V和ctrl+Insert都能达到copy的目的。同样,在Default模式下ctrl+V也可以实现paste操作了,这些快捷键都从Default那里继承了过来。
常使用Vim的人肯定知道Esc键有多常用。但现代键盘几乎都让Esc键偏居一隅,够起来不方便。其实在标准的Vim里,ctrl+[同样能达到Esc的效果。但是在WebStorm的Default模式下,ctrl+[已经被赋予了另外的作用,由于myVim从Default继承而来,因此ctrl+[也起不到Esc的作用。好在WebStorm的自定义快捷键可以覆盖系统的默认设置。
在上图中快捷键的位置上点击右键,会弹出用于删除和添加快捷键的菜单。修改的时候,如果和别的快捷键有冲突会看到红字提醒。例如下图所示,ctrl+[的原有功能是Move caret to code block start. 我们的本意就是给它赋予新的功能,果断点OK,接下来会再弹一个确认对话框,点remove删除原有的热键功能。
完成后点击下面的OK按钮退出Keymaps设置。如下图,打开主界面菜单栏中的Tools & Reconfigure VIM Keymap,下拉列表中选择刚才新建的myVim。重启WebStorm,大功告成。
这时候再试一试ctrl+[,是不是已经可以从Insert Mode返回到Normal Mode了?
避免按Esc键的其他方法
有人觉得ctrl+[按起来麻烦,习惯用CapsLock或者JJ来模拟Esc,可以看一下
针对Windows用户的配置,请参考
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:303143次
积分:3023
积分:3023
排名:第6780名
原创:23篇
转载:120篇
评论:50条
(5)(1)(3)(1)(2)(3)(6)(3)(1)(16)(3)(3)(1)(6)(8)(8)(5)(14)(3)(3)(1)(22)(14)(6)(1)(1)(5)(4)(5)(2)(4)(1)OK记 – 在浏览器边栏快速收藏图片、笔记
(快来投票)
Loading...
OK记非常适合针对网页进行各种收藏操作,比如图片、文字碎片,并且可以随时将收藏的内容创建成二维码分享到手机里。
其他方面,自有数据库,还可以与印象笔记/有道笔记同步;Google Task 同步任务;还能导入微博和 Twitter 的收藏夹。
先来看一段视频:
OK记 的操作很流畅,只需将图片拖进边栏,或者选中内容点击 + 号就可以了。
而在边栏中,可以将收藏分类,已经内置了任务、稍后阅读、链接等等,而图片收藏还可以生成照片墙。感兴趣的同学可以继续看视频了:
OK记 进阶教程:
OK记 图片墙功能教程
不愧是野生导演,视频做成这样也不知道还有啥说的…
最后,Android、iOS 客户端快要上线了,快去试试看吧,首页会有操作向导以及注意调小音量,有视频播放。
喜欢这篇文章?
QQ收藏现在攻势强猛啊
按分类查看文章:
大家都在讨论些什么
: 还得想着记录
太累了: Adobe Audition?这个吗?我想要的是直接导入录音文件,然后导出识别后的文字内容么。谢谢: 哪有啊?我又看了一下啊: 这些软件都差不多,没什么太特殊的,就看谁细节做得好了: 文末不是提到了嘛: 有电脑版吗?或者推荐一个好用的电脑版本吧,谢谢: +10086
问题是依然喜欢这位前女友,只是在一起不合适……
最热门标签
传说中的小众软件 让你的手机应用与众不同。
个人 blog 转载时请遵循 “署名-非商业性使用-相同方式共享” 的创作共用协议;
商业网站或未授权媒体不得复制本站内容。WebStrom 关联各个浏览器 设置
WebStrom 关联各个浏览器 设置
[摘要:起首声明:自己新晋小黑一枚,迎接大神引导~~ 那几天因为事情须要,打仗到javascript 编纂神器WebStrom,也是预计战其他良多人一样,从Dreamweaver转过去。 刚最先统统皆挺好,便是WebSt]
首先声明:本人新晋小白一枚,欢迎大神指导~~
这几天由于工作需要,接触到javascript 编辑神器WebStrom,也是估计和其他很多人一样,从Dreamweaver转过来。
刚开始一切都挺好,就是WebStrom的浏览器不能和我本地的浏览器进行关联,想百度一下看如何设置,大概看了一下,问的也不少,不过答非所问的也挺多。
所以,我就自己摸索了一下,很幸运,还真找到了。。。
本人所用WebStrom 9.0.1版本,安装好以后,打开主界面:
按组合键:Ctrl + Alt + S,会打开WebStrom的设置,如下图:
选择 左边:Tools → Web Browsers:
最后,在WebStrom的代码编辑区的右上角(鼠标悬停在该区域就会显示)就会按顺序出现我们指定的浏览器启动方式~~
另外,在WebStrom中设置编辑区的字体,也是在这里的Editor标签中。
偶然发现,仅供参考,Thanks~~
感谢关注 Ithao123精品文库频道,是专门为互联网人打造的学习交流平台,全面满足互联网人工作与学习需求,更多互联网资讯尽在 IThao123!
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。
Hadoop是一个由Apache基金会所开发的分布式系统基础架构。
用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。
Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS。HDFS有高容错性的特点,并且设计用来部署在低廉的(low-cost)硬件上;而且它提供高吞吐量(high throughput)来访问应用程序的数据,适合那些有着超大数据集(large data set)的应用程序。HDFS放宽了(relax)POSIX的要求,可以以流的形式访问(streaming access)文件系统中的数据。
Hadoop的框架最核心的设计就是:HDFS和MapReduce。HDFS为海量的数据提供了存储,则MapReduce为海量的数据提供了计算。
产品设计是互联网产品经理的核心能力,一个好的产品经理一定在产品设计方面有扎实的功底,本专题将从互联网产品设计的几个方面谈谈产品设计
随着国内互联网的发展,产品经理岗位需求大幅增加,在国内,从事产品工作的大部分岗位为产品经理,其实现实中,很多从事产品工作的岗位是不能称为产品经理,主要原因是对产品经理的职责不明确,那产品经理的职责有哪些,本专题将详细介绍产品经理的主要职责
IThao123周刊

我要回帖

更多关于 浏览器页面显示靠左边 的文章

 

随机推荐