webstorm2017 与sublime3 对比webstorm,与sublime都是非常不错的代码编辑工具,但是设计理念完全不一样。
webstorm是一个功能齐备的IDE,重型武器,各种配置项非常完善;
sublime像一把小巧的瑞士军刀,界面简洁,大部分设置操作都是通过快捷键,命令行来实现,扩展性能极强(和chrome设计理念很像,都是依靠丰富的插件来实现更强大的功能);
webstorm特色功能:语法检查(jsLint,ESLint),js/css
emmet快速代码编写功能
内置debug功能,断点调试
可以直接运行js代码,带控制台面板
结合版本管理功能(git,svn)
内置版本比较功能,每隔一段时间会自动保存,并且可以快速与每个版本进行比较;
自带服务器功能,可直接模拟服务器环境
可直接运行npm命令,快速启动项目
可快速调用代码模板,ctrl+j
函数快速间快速跳转,ctrl+鼠标左击;
快速定位变量申请处,ctrl+b;
自动保存,不用频繁按保存键
webstorm体验不如sublime的地方:快捷键功能没有sublime强大:比如sublime常用的快捷功能:alt+f3快速选中所有相同的词(webstorm可以使用ctrl+f来间接实现该功能);
ctrl+j 合拼多行
ctrl+shift+y 自动计算
ctrl+shift+enter 在上一行插入
f12 在默认浏览中打开
ctrl+shift+n/j 快速新建html5,js文件
webstorm皮肤插件推荐
webstorm常用快捷键
定位
当前内容搜索 ctrl+f
全局内容搜索 ctrl+shift+f
文件名搜索 ctrl+shift+n
定位到指定代码行 ctrl+G
定位到变量申明处 ctrl+b
光标定位到代码块的前/后面 ctrl+[/]
光标定位到行首/尾 home/end
光标定位到下 shift+回车
选择
选中单词(多次按扩大选择范围) ctrl+w
选择下一个相同的词 alt+j
浏览
在默认浏览器中打开 alt+f2(再回车)
上/下一个标签页 alt+方向(左/右)
关闭/恢复标签页 ctrl+f4
alt+ctrl+L 格式化代码查看
创建
新建文件 alt+insert (再选择新建的类型)
编辑
复制一行(复制选中内容) ctrl+d
删除一行 ctrl+y
当前内容替换 ctrl+r
全局内容替换 ctrl+shift+r
行上/下移 ctrl+shift+方向上/下
指定包裹层 ctrl+alt+t
重命名 shift+f6 (选中文件后再按,会自动把关联的文件名同时修改过来)
ctrl+r 替换内容
输出模板 ctrl+j
查看
切换目录侧边栏 alt+1
切换收藏侧边栏 alt+2
折叠/展开选中的代码块 ctrl+'+/-'
显示/隐藏所以打开的侧边栏 ctrl+shift+f12
分屏功能 鼠标右键选中标签页
最近修改过的文件 ctrl+e
显示当前css选择器或者JS函数的详细信息 ctrl+shift+i
其他功能
收藏此文件 alt+shift+f
快速查找并使用编辑所有功能 ctrl+shift+a
debug相关
f8 下一步(不进入函数)
f7 单步执行
shift+f7 进入函数内
shift+f8 跳出
alt+f9