Loading

webstorm使用技巧

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅。
Webstorm是专用于web开发的号称最好的的编辑器,界面美观大方,有黑、白和经典三大主题可选,使用起来整体感觉良好。
本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。

安装

  1. 在官网下载
  2. 破解方法:注册码,记得添加hosts文件 C:\Windows\System32\drivers\etc\hosts 0.0.0.0 account.jetbrains.com
  3. 格式化设置,html/css/js都减少空行
  4. 调节行数旁边的宽度:设置/编辑器/general/Gutter Icons去掉Show gutter icons勾选
  5. 复制当前文件目录ctrl+shift+c,
  6. ftl和tpl文件配色方法:设置--File Types--Html Files--*.tpl--OK
  7. 显示终端: alt+f12
  8. 自动编译scss,
  9. 本身支持typescript

快捷键

  1. 设置:Ctrl+Alt+S 切换栏目树:alt+1
  2. 格式化:Ctrl+Alt+L修改为:alt+f
  3. 单行注释:ctrl+/ 块注释:ctrl+shift+/
  4. 复制行:ctrl+d 删除行:ctrl+y 剪切行:ctrl+x
  5. 函数追踪:ctrl+b 或者 ctrl+点击
  6. 折叠/展开:ctrl+shift+-/ctrl+shift++ 折叠选中:ctrl + .
  7. 重命名shift+f6
  8. 关闭:ctrl+f4,修改为ctrl+w
  9. 智能回车:shift+enter
  10. 设置视图换行:单击左侧灰色行数区域,右键,Soft-Wrap Current File
  11. 设置es6版本:设置-languages & Frameworks-javascript-ECMAScript 6-完成
  12. 比较文件:ctrl+d
  13. 全局查找 内容:ctrl+shift+R 文件:ctrl+shift+n
  14. 返回编辑:ctrl+alt+左右
  15. 打开最近编辑文件:ctrl+e
  16. 跳转行:Ctrl+g
  17. 回到上一次编辑的地方:ctrl+shift+backspace
  18. 全局搜索或者替换:ctrl+shift+R
  19. 全局搜索:2次shift

疑难解答

  1. webstorm禁止索引node_modules文件夹,防止卡死的方法:
    在文件夹上右键Mark Directory as exclude即可解决
  2. 配置php语法高亮
    基本的php语法还是可以提示的,
    配置方法:设置-editor-FileTypes-PHP-FILES-绿色小加号,在弹出的框中 输入 *.php ok.
posted @ 2017-10-26 17:19  hurenweb  阅读(362)  评论(1编辑  收藏  举报