Webstorm使用方法

标题一  安装步骤

1.打开JetBrans官方网站（https://www.jetbrains.com/webstorm）并下载适用于您操作系统的WebStorm安装程序

2.运行下载的安装程序

3.再安装程序中选择您想要安装WebStorm的位置，并接收软件许可协议

4.接下来您可以选择要安装的组件。默认情况下，WebStorm安装了所有组件。您可以按需取消选中某些组件。

5.点击下一步按钮继续安装

标题二  开始激活

1.首先关注公众号【安安说前端】发送webstorm

2.点击激活工具会生成一个压缩包 需要解压后存放在D盘或者E盘  接下来按以下来操作：

第一步执行完直到出现  关闭执行以上第二步 也是要直到以下弹框出现

3.在第一步里的照片里 获取webstorm激活码  打开链接直接是激活码 复制即可  选中以下选项 下方会出现输入框 粘贴即可完成后点击下方的active按钮

标题三  插件总结

1.快捷键总结

ctrl+alt+s  打开设置

ctrl+d 复制行

ctrl+n 全局搜索

ctrl+f 当前搜索

2.实用插件

2-1.首先需要汉化  再设置中插件里搜索

2-2.作为前端开发者 有时候起字段英文名字需要去百度翻译 这个插件Translation可以再项目里去执行汉转英

使用方法

第一种 输入中文后 选中按右键 会出现翻译并替换 点一下会出来好多 选一个自己喜欢的

第二种 输入中文后 不用选中 使用快捷键 ctrl+shift+x即可

2-3. any-rules  正则匹配

页面右键会出现AnyRule 点击进去后搜索你所需要的正则

2-4.element  可以迅速匹配

比如你输入el会去找所有el组件不必自己写了

2-5.CodeGlance3 右侧会出现缩略图（和vscode右侧一样）

2-6.GitToolBox  文件每一行都有最近提交人

2-7.HighlightBracketPair和Rainbow Brackets 匹配括号

2-8.Material Theme UI 主题推荐

2-9.Atom Material Icons  icon图标

2-10.再项目查看某哥引入组件或者接口，直接ctrl+鼠标点一下就进入到对应的页面了