WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅。
Webstorm是专用于web开发的号称最好的的编辑器,界面美观大方,有黑、白和经典三大主题可选,使用起来整体感觉良好。
本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。
安装
- 在官网下载
- 破解方法:注册码,记得添加hosts文件
C:WindowsSystem32driversetchosts0.0.0.0 account.jetbrains.com - 格式化设置,html/css/js都减少空行
- 调节行数旁边的宽度:设置/编辑器/
general/Gutter Icons去掉Show gutter icons勾选 - 复制当前文件目录
ctrl+shift+c, - ftl和tpl文件配色方法:
设置--File Types--Html Files--*.tpl--OK - 显示终端:
alt+f12 - 自动编译scss,
- 本身支持typescript
快捷键
- 设置:
Ctrl+Alt+S切换栏目树:alt+1 - 格式化:
Ctrl+Alt+L修改为:alt+f - 单行注释:
ctrl+/块注释:ctrl+shift+/ - 复制行:
ctrl+d删除行:ctrl+y剪切行:ctrl+x - 函数追踪:
ctrl+b或者ctrl+点击 - 折叠/展开:
ctrl+shift+-/ctrl+shift++折叠选中:ctrl + . - 重命名
shift+f6, - 关闭:
ctrl+f4,修改为ctrl+w - 智能回车:
shift+enter - 设置视图换行:单击左侧灰色行数区域,右键,
Soft-Wrap Current File。 - 设置es6版本:设置-languages & Frameworks-javascript-ECMAScript 6-完成
- 比较文件:
ctrl+d - 全局查找 内容:
ctrl+shift+R文件:ctrl+shift+n - 返回编辑:
ctrl+alt+左右 - 打开最近编辑文件:
ctrl+e - 跳转行:
Ctrl+g - 回到上一次编辑的地方:
ctrl+shift+backspace - 全局搜索或者替换:
ctrl+shift+R - 全局搜索:
2次shift
疑难解答
- webstorm禁止索引node_modules文件夹,防止卡死的方法:
在文件夹上右键Mark Directory as exclude即可解决 - 配置php语法高亮
基本的php语法还是可以提示的,
配置方法:设置-editor-FileTypes-PHP-FILES-绿色小加号,在弹出的框中 输入*.phpok.