一、官方下载地址
Other Versions - WebStorm 选择适合自己电脑的下载
二、安装步骤
1、双击下载的exe安装
2、选择安装目录【建议不要安装在C盘下】
3、安装选项,可以全选
4一直点击下一步就行了
5.双击运行
安装遇到问题:
我是下错版本了,下成了【2024.1.5 - Windows ARM64 (exe)】重新下载安装就可以了
永久使用:
再配合激活码
三、编辑器快捷键
快捷键 | 说明 |
Ctrl + Shift +A | 快速查找并使用编辑器所有功能(必记)[查找其他功能快捷键的作用] |
Ctrl + Shift +F | 在工程内快速查找 |
Ctrl + Shift +R | 在工程内快速查找并替换代码 |
Ctrl + Shift +N | 通过文件名快速查找工程内的文件 |
Ctrl +D | 复制当前行或者所选代码块并在光标行后进行粘贴 |
Ctrl +Y | 删除光标所在行 |
Ctrl + Shift +U | 所选代码块大小写转换 |
四、编辑器常用配置
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
五、编辑器相关功能
1、打开文件后,找不到在哪个目录,可使用快捷定位功能
六、webStrom插件
Material Theme UI
界面美化
配置主题色
Chinese (Simplified) Language Pack / 中文语言包
下载之后,英文界面变为中文界面。
Rainbow Brackets
代码量变大时,总会伴随着各种括号;它能将括号赋予不同的颜色,方便我们区分。
Translation
中英互译,在界面上输入中文或者英文,然后选中它鼠标右键,再选择想要的效果。