webstorm的配置和使用 - 简书
下载简书移动应用
写了3533字，被3人关注，获得了4个喜欢
webstorm的配置和使用
WebStorm相较其他的IDE优势；1智能的代码补全支持不同浏览器的提示，还包括所有用户自定义的函数(项目中),代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。2.代码格式化代码不仅可以格式化，而且所有规则都可以自己来定义。3.html提示大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。4.联想查询只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮5.代码重构这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。6.代码检查和快速修复可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。代码调试支持代码调试，界面和IDEA相似，非常方便。7.代码结构浏览可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。8.代码折叠功能虽小，不过胜在方便高效。9.包裹或者去掉外围代码自动提示包裹或者去掉外围代码，一键搞定。配置和使用：1.主题，把下载好的主题包放在C:\Users\jikey(用户名)\.WebIde10\config\colors目录下，然后重启webstorm，settings –& colors & fonts –&scheme name中选择主题名。如果出现特别长代码对齐白线，在Editor –& Appearance –& Show vertical indent guides 前面的勾去掉即可。2.添加VIM插件：File -& Settings -& Plugins -& Browse repositories -& 搜索vim，对它单击右键Download and install，然后重启IDE就可以了。3.除了webstorm之外，此公司还提供另外一个针对phper的开发工具,phpStorm，主页上说明，phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示，所以还得配置：File -& Settings -& code style -& PHP -& Wrapping and Braces -& Braces placement -&In method declaration : End of line.4.zencoding默认的快捷键是Tab，如果你需要修改zencoding快捷键的话：File -& Setting -& Live Templates 。5.在开发js时发现，需要ctrl + return 才能选提示候选项，又需要配置：File -& Setting -& Editor -& Code Completion -& Preselect the first suggestion:’Smart’ 改为 Always6.注意的地方是：Webstorm的调试不支持中文路径中文文件名。下面是Webstorm的一些常用快捷键：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 + '.': 折叠选中的代码的代码。ctrl+/ 单行注释ctrl+shift+/块注释ctrl+shift+ +/-展开/折叠ctrl+alt+L 格式化代码ctrl+shift+ up/down 上下移动句子Alt+回车 导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get,set方法,构造函数等)Ctrl+E或者Alt+Shift+C 最近更改的代码Ctrl+R 替换文本Ctrl+F 查找文本Ctrl+Shift+Space 自动补全代码Ctrl+空格 代码提示Ctrl+Alt+Space 类名或接口名提示Ctrl+P 方法参数提示Ctrl+Shift+Alt+N 查找类中的方法或变量Alt+Shift+C 对比最近修改的代码Shift+F6 重构-重命名Ctrl+Shift+先上键Ctrl+X 删除行Ctrl+D 复制行Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*...*/ ）Ctrl+J 自动代码Ctrl+E 最近打开的文件Ctrl+H 显示类结构图Ctrl+Q 显示注释文档Alt+F1 查找代码所在位置Alt+1 快速打开或隐藏工程面板Ctrl+Alt+ left/right 返回至上次浏览的位置Alt+ left/right 切换代码视图Alt+ Up/Down 在方法间快速移动定位Ctrl+Shift+Up/Down 代码向上/下移动。F2 或Shift+F2 高亮错误或警告快速定位代码标签输入完成后，按Tab，生成代码。选中文本，按Ctrl+Shift+F7 ，高亮显示所有该文本，按Esc高亮消失。Ctrl+W 选中代码，连续按会有其他效果选中文本，按Alt+F3 ，逐个往下查找相同文本，并高亮显示。Ctrl+Up/Down 光标跳转到第一行或最后一行下Ctrl+B 快速打开光标处的类或方法
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
· 3人关注
做一个快乐的开发者
· 2人关注
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
选择支付方式：JavaScript（39）
ctrl + shift + n: 打开工程中的文件
ctrl + j: 输出模板
ctrl + b: 跳到变量申明处
ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation), ctrl + shift + del: 删除包裹
ctrl + []: 匹配 {}[]
ctrl + F12: 可以显示当前文件的结构，快速跳转到目标函数
ctrl + x: 剪切行
alt + left/right:标签切换
ctrl + r: 替换 ctrl + shift + r: 全局替换
ctrl + shift + up: 行移动
shift + alt + up: 块移动
ctrl + d: 行复制
ctrl + shift + ]/[: 选中块代码
ctrl + / : 单行注释
ctrl + shift + / : 块注释
ctrl + shift + i : 显示当前class,function的详细信息
ctrl + p: 显示默认参数
ctrl + shift + v: 可以复制多个文本
shift + enter: 智能跳到下一行
ctrl + k: svn 提交
ctrl + shift + u: 大小写
ctrl + ~ : 切换主题
ctrl + F11: 添加标签 ctrl + shift + 大键盘数字键
ctrl + alt + F12: file path
ctrl + alt + a: search keymap
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：64900次
积分：1629
积分：1629
排名：第18029名
原创：92篇
转载：69篇
(1)(2)(4)(2)(2)(2)(10)(13)(32)(66)(10)(14)(3)Webstorm惯用快捷键备忘(Webstorm入门指南) - Web前端当前位置:& &&&Webstorm惯用快捷键备忘(Webstorm入门指南)Webstorm惯用快捷键备忘(Webstorm入门指南)&&网友分享于：&&浏览：0次Webstorm常用快捷键备忘(Webstorm入门指南)
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。百度百科
软件名称：
JetBrains WebStorm(java、html5开发工具) v8.0.5 官方英文版
软件大小：
更新时间：
现将最常用的快捷键挑出来备忘，既能方便记忆，又能提高工作效率。WebStorm快捷键操作 最近一段时间在写javascript时，找到一个灰常强悍的IDE。名称叫：WebStorm 目前是英文版的，功能很强大。我也在慢慢摸索之中，现把它的一些常用的快捷键列出来，供使用者参考。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结构。 常用快捷键—Webstorm入门指南 提高代码编写效率，离不开快捷键的使用，Webstorm拥有丰富的代码快速编辑功能，你可以自由配置功能快捷键。 windows下的设置方法快捷键配置 点击“File”-& “settings” Webstorm预置了其他编辑器的快捷键配置，可以点击 默认配置-Eclipse的常用快捷键对照表
Webstorm快捷键
Eclipse快捷键
ctrl+shift+N
ctrl+shift+R
通过文件名快速查找工程内的文件（必记）
ctrl+shift+alt+N
ctrl+shift+alt+N
通过一个字符快速查找位置（必记）
在文件内快速查找代码
查找下一个
ctrl+shift+K
查找上一个
文件内代码替换
ctrl+shift+R
指定目录内代码批量替换
ctrl+shift+F
指定目录内代码批量查找
Webstorm快捷键
Eclipse快捷键
ctrl+shift+A
ctrl+shift+A
快速查找并使用编辑器所有功能（必记）
快速拆合功能界面模块
ctrl+shift+F12
ctrl+shift+F12
最大区域显示代码（会隐藏其他的功能界面模块）
alt+shift+F
alt+shift+F
将当前文件加入收藏夹
ctrl+alt+s
ctrl+alt+s
打开配置窗口
切换代码选项卡（还要进行此选择，效率差些）
切换代码选项卡
关闭当前代码选项卡
Webstorm快捷键
Eclipse快捷键
ctrl+shift+↑
复制当前行
alt+shift+↑
ctrl+←/→
ctrl+←/→
以单词作为边界跳光标位置
alt+insert
alt+insert
新建一个文件或其他
ctrl+alt+L
ctrl+alt+L
格式化代码
shift+tab/tab
shift+tab/tab
减少/扩大缩进（可以在代码中减少行缩进）
shift+enter
shift+enter
重新开始一行（无论光标在哪个位置）
Webstorm快捷键
Eclipse快捷键
进入代码编辑区域
查找代码在其他界面模块的位置，颇为有用
到指定行的代码
光标到代码块的前面或后面
alt+up/down
ctrl+shift+up/down
上一个/下一个方法
最后修改：MAC苹果系统：
command + d
副本当前行或选中的区块
command + f
查找当前文档
command + g
跳转到文档的某一行某一列
command + p
显示参数信息
command + r
替换当前文档
command + w
选中当前单词、行、区块等
command + y
command + mouseover
显示主要信息
command + [
移动光标到代码块前
command + ]
移动光标到代码块尾
command + +
command + -
command + -&
光标移到行尾
command + &-
光标移到行头
command + option + t
将代码以某种格式包括起来
command + option + l
将代码格式化
command + shift + u
切换大小写
command + shift + [
选中到代码块前
command + shift + ]
选中到代码块尾
command + shift + +
折叠所有区块
command + shift + -
展开所有区块
shift + return
在任意位置换行
shift + F6
高级修改，可快速修改光标所在的标签、变量、函数等
control + shift + f
find in path
control + shift + j
control + shift + r
replace in path
option + delete
delete to word start
option + fn + delete
delete to word end
option + -&
以单词为单位移动光标
option + &-
以单词为单位移动光标
12345678910
12345678910
12345678910 上一篇：没有了下一篇：文章评论相关解决方案 1234567891011 Copyright & &&版权所有webStorm项目下的.idea目录是做什么用的
每一个项目都会自动产生.idea的目录文件?
存放 WebStorm 的项目配置文件。之所以目录叫“.idea”，是因为JetBrain（WebStorm的开发商）的第一个主力产品是 IntelliJ IDEA，而IDEA可视为IDE Advanced的缩写（实际上A代表什么我也不知道）。
存放项目的配置信息，包括历史记录，版本控制信息等。可以不用上传到的网站空间。
举一反三，为什么这个文件夹名字要用点开头，因为在unix/linux下，以点开头的文件夹或文件默认是隐藏的。windows的文件系统有专门隐藏的属性，但那两个系统没有，都靠点这个约定俗成的规则。webstorm大可以在windows平台下设置为隐藏，但它没这么做，我也不知道为什么。许多跨平台工具都有这个东西，一般看到这类文件和文件夹，用户都不应该主动去修改，里面放着都是配置信息，如用户设置，项目设置等等。
那要不要删了他呢，或者上传到网站空间的时候要不要上传，不上传在关系吗
已有帐号？
无法登录？
社交帐号登录