WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅。
Webstorm是专用于web开发的号称最好的的编辑器,界面美观大方,有黑、白和经典三大主题可选,使用起来整体感觉良好。
本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。
安装
- 在官网下载
- 破解方法:注册码,记得添加hosts文件
C:WindowsSystem32driversetchosts
0.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-绿色小加号,在弹出的框中 输入*.php
ok.