Webstorm2018 常用快捷键 和 常见配置

Webstorm快捷键

说明

Ctrl + /行注释/取消行注释 //
Ctrl + Shift + / 块注释/取消块注释 /* …… */
Ctrl + W选择代码块,增量选择
Ctrl + Alt +W上个快捷键的回退,减量选择代码
Ctrl + Alt + L格式化代码
Ctrl + C or Ctrl + Insert拷贝当前行或者所选代码块到剪切板
Ctrl + X or Shift + Delete剪切当前行或所选代码块到剪切板
Ctrl + V or Shift + Insert粘贴剪切板上的内容
Ctrl + Shift + V粘贴缓冲器中最新的内容
Ctrl + D复制当前行或者所选代码块并在光标行后进行粘贴
Ctrl + Y删除光标所在行
Shift + Enter另起一行(无论光标在哪个位置)
Ctrl + Shift + U所选代码块大小写转换
Ctrl + Shift + Up/Down上下移动行
Alt + Delete 文件安全删除
Shift + F6文件重新命名
Alt + Shift + F 将当前文件添至收藏夹
Ctrl + Shift + N通过文件名快速查找工程内的文件
Ctrl + Shift + Alt + N通过一个字符快速查找位置
Ctrl + F在文件内快速查找代码
Ctrl + E查看最近编辑的文件列表
Ctrl + R在文件内快速查找并替换代码
Ctrl + Shift + F在工程内快速查找代码
Ctrl + Shift + R在工程内快速查找并替换代码
Alt + F1查找当前选项卡在项目模块位置
Ctrl + G跳到当前选项卡指定行的代码
Ctrl + ]/[光标到代码块的前面或后面
Ctrl + Shift + Space自动补全代码
Ctrl + B or Ctrl + Click 跳转到定义处Go to declaration
Ctrl + Alt + B 跳转方法实现处Go to implementation(s)
Ctrl + Shift + B 跳转方法定义处Go to type declaration
Ctrl + Shift + I 打开定义快速查找(在当前窗口显示当前css选择器或js函数详情)
Ctrl + Alt + S打开配置窗口
Ctrl + Shift + A快速查找编辑器所有快捷键功能
Ctrl + F4关闭当前选项卡
Alt + ←/→切换代码选项卡
Ctrl + Tab弹出界面选择代码选项卡
Alt + J选中多个相同的单词
Alt + 鼠标双击Alt 按住不动,鼠标移动到目标单词双击选中,增量选中

其他常见问题:

1、webstrom新建文件的快捷键默认是没有,需自己设置;

位置:“File” →  “settings” → “keymap”

2、当工程目录很庞大时,有些子目录很经常打开,但层级又很深,这时候可以把目录添加到收藏夹里面,添加成功后,左侧有个“Favorites”菜单

3、全局设置忽略文件:node_modules

位置:“File” →  “settings” → “Editor” → “File Types” → “Ignore files and folder”

3.2、忽略某个文件

4、webstrom设置项目运行时默认打开的浏览器

位置:“File” →  “settings” → “Tools” → “Web Browsers”

5、在webstrom编辑代码的时候,有时候需要将某段落添加括号注释一下,但是webstrom默认并不能选中文字添加括号。

为编程单元(单词或短语)添加双引号、单引号、中括号、大括号、小括号的配置:

位置:Editer --> General --> Smart Keys

6、在webstrom编辑器里,当一行代码很长很长时,必须拖动滚动条查看后面的内容,但是设置软换行后,代码会根据屏幕大小自动换行,很方便阅读。

位置:Editer --> General --> 勾选Use soft wraps in editor

未设置软换行和设置软换行后的效果: 

### WebStorm IDE介绍 WebStorm 是一款专为JavaScript Web 前端开发设计的强大集成开发环境 (IDE)[^1]。这款工具不仅支持复杂的客户端应用开发,还适用于 Node.js 的服务器端编程。其主要特点包括但不限于: - **智能代码编辑器**:提供语法高亮显示、实时错误检测以及自动补全功能。 - **调试与测试集成功能**:内置浏览器兼容性性能分析工具,方便开发者进行应用程序的全面评估。 - **版本控制系统集成**:允许用户通过图形界面轻松管理 Git 或其他 VCS 工作流。 对于初学者来说,掌握 WebStorm 可以为未来的项目打下坚实的基础;而对于经验丰富的专业人士而言,则可以显著提高工作效率并简化日常任务处理过程。 ### 使用教程概览 #### 安装指南 为了获取最新的稳定版 WebStorm,推荐访问官方网站下载页面[^2]。这里提供了针对不同操作系统的安装文件链接,确保选择了适合当前计算机平台的那一款。具体到 Windows 用户,在完成下载之后按照提示逐步执行安装向导即可顺利完成部署工作[^3]。 #### 配置IDE 初次启动 WebStorm 后会进入初始设置流程,这一步骤非常重要因为它决定了后续使用的便捷程度个人偏好设定。以下是几个关键配置项说明: - **外观主题选择**:可以根据个人喜好挑选深色或者浅色模式来保护眼睛健康的同时提升编码体验感。 - **插件市场探索**:利用官方提供的丰富扩展库增加额外的功能模块,比如特定框架的支持或是辅助生产力的小工具等。 ```bash # 打开设置窗口的方法之一是在命令面板中输入 "Preferences" Ctrl+Alt+S # 对于Windows/Linux系统 Cmd+, # 对于MacOS系统 ``` #### 日常使用技巧 熟悉快捷键组合能够极大加快开发速度,下面列举了一些常用的例子供参考学习: | 功能 | 快捷方式 | | --- | --- | | 查找任何东西 | `Double Shift` | | 跳转至定义处 | `F12 / Cmd+B` | 更多高级特性的深入探讨可以通过查阅官方文档或参与社区交流获得进一步的帮助支持。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

smart_dream

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值