【新手必备】WebStrom2024版（简单易学，上手快）

 一、官方下载地址

Other Versions - WebStorm 选择适合自己电脑的下载

二、安装步骤

1、双击下载的exe安装

2、选择安装目录【建议不要安装在C盘下】

3、安装选项，可以全选

4一直点击下一步就行了

5.双击运行

---

安装遇到问题：

我是下错版本了，下成了 【2024.1.5 - Windows ARM64 (exe)】重新下载安装就可以了

---

三、使用

【开发工具】webStrom2024版

---

四、编辑器快捷键

快捷键	说明
Ctrl + Shift + A	快速查找并使用编辑器所有功能（必记）[查找其他功能快捷键的作用]
Ctrl + Shift + N	通过文件名快速查找工程内的文件
Ctrl + Shift + F	在工程内快速查找代码
Ctrl + Shift + R	在工程内快速查找并替换代码
Ctrl + F	在文件内快速查找代码
Ctrl + R	在文件内快速查找并替换代码
Ctrl + Shift + U	所选代码块大小写转换
Ctrl + D	复制当前行或者所选代码块并在光标行后进行粘贴
Ctrl + Y	删除光标所在行
Ctrl + E	查看最近编辑的文件列表
Alt + J	选中多个相同的单词

五、编辑器常用配置

1、全局设置忽略文件

【.idea、.tmp、node_modules、bower_components】

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

2、默认打开浏览器

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

3、给段落添加括号

在webstrom编辑代码的时候，为编程单元（单词或短语）添加双引号、单引号、中括号、大括号、小括号的配置：

位置： File →   settings →   Editer  →   General  →   Smart Keys

4、ctrl + 鼠标滚动 改变字体大小

在编辑webstrom打开的文件时，可通过ctrl + 鼠标滚动 来改变字体大小

位置： File →   settings →   Editer  →   General 

5、代码过长时，进行软换行

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

位置： File →   settings →   Editer  →   General 

6、设置字体（大小、间距）

根据自己喜欢的字体设置【微软雅黑 Microsoft YaHei】

位置： File →   settings →   Editer  →   Font

7、保存的文件都以换行结束

位置： File →   settings →   Editer  →   General

7、取消注释斜体

位置： File →   settings →   Editer  →   Color Scheme →  Language Default →  Comments

六、编辑器相关功能

1、打开文件后，找不到在哪个目录，可使用快捷定位功能

七、webStrom插件

【开发工具】webStrom2024版-插件-CSDN博客