【新手必备】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博客

猜你喜欢

转载自blog.csdn.net/xiaoxiong_jiaxin/article/details/140519019