WebStorm 2023年下载、安装教程、亲测有效

傷城~ 2023-10-16 10:28 40阅读 0赞

#### 文章目录 ####

*   *  简介
     *  安装步骤
     *  常用快捷键

### 简介 ###

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

### 安装步骤 ###

WebStorm 的安装其实很简单，大概可以分为 8 步。

1、如果之前装有WebStorm版本, 可以先删卸载, 再重新安装

2、到官网下载WebStorm安装包  
[https://www.jetbrains.com/zh-cn/webstorm/download/other.html][https_www.jetbrains.com_zh-cn_webstorm_download_other.html]  
推荐使用2021.2.2版本, 亲测有效  
![image][]

3、双击打开exe程序，点击“Next”  
![image][image 1]

4、选择安装位置，点击“Next”  
![image][image 2]

5、全选所有选项，点击“Next”  
![image][image 3]

6、确认安装界面，点击“Next”  
![image][image 4]

7、等待安装  
![image][image 5]

8、安装完成，选择何时启动，点击“Finish”  
![image][image 6]

1.  如果想了解怎样授权的话，可以看这篇教程，里面有详细介绍 [WebStorm 授权教程][WebStorm]

### 常用快捷键 ###

<table> 
 <thead> 
  <tr> 
   <th>快捷键</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Ctrl+/ 或 Ctrl+Shift+/</td> 
   <td>注释（// 或者/…/ ）</td> 
  </tr> 
  <tr> 
   <td>Shift+F6</td> 
   <td>重命名</td> 
  </tr> 
  <tr> 
   <td>Ctrl+X</td> 
   <td>删除行保存到剪切板</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Y</td> 
   <td>删除一行</td> 
  </tr> 
  <tr> 
   <td>Shift+Enter</td> 
   <td>重新开始下一行（无论光标在哪个位置）</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Shift + Enter</td> 
   <td>重新开始上一行（无论光标在哪个位置）</td> 
  </tr> 
  <tr> 
   <td>Ctrl+D</td> 
   <td>复制行</td> 
  </tr> 
  <tr> 
   <td>Ctrl+G</td> 
   <td>查找行</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Shift+Up/Down</td> 
   <td>代码向上/下移动。</td> 
  </tr> 
  <tr> 
   <td>F2 或 Shift+F2</td> 
   <td>高亮错误或警告快速定位</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Shift+F7</td> 
   <td>高亮显示选中文本，按Esc高亮消失</td> 
  </tr> 
  <tr> 
   <td>Ctrl+B 或 Ctrl+鼠标左键</td> 
   <td>快速打开光标处的类或方法</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Alt + B</td> 
   <td>跳转方法实现处</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Shift + I</td> 
   <td>打开定义快速查找</td> 
  </tr> 
  <tr> 
   <td>Alt + Up/Down</td> 
   <td>跳转到上一个/下一个方法</td> 
  </tr> 
  <tr> 
   <td>Ctrl+E</td> 
   <td>最近打开的文件</td> 
  </tr> 
  <tr> 
   <td>Alt+F1</td> 
   <td>查找代码所在位置</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Alt+L</td> 
   <td>格式化代码</td> 
  </tr> 
  <tr> 
   <td>Ctrl+R</td> 
   <td>替换文本</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Shift+R</td> 
   <td>指定目录内代码批量替换</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Shift+F</td> 
   <td>指定目录内代码批量查找</td> 
  </tr> 
  <tr> 
   <td>Ctrl+F</td> 
   <td>查找文本</td> 
  </tr> 
  <tr> 
   <td>Ctrl+P</td> 
   <td>方法参数提示</td> 
  </tr> 
  <tr> 
   <td>F3</td> 
   <td>查找下一个</td> 
  </tr> 
  <tr> 
   <td>Shift+F3</td> 
   <td>查找上一个</td> 
  </tr> 
  <tr> 
   <td>Alt+Shift+F</td> 
   <td>将当前文件加入收藏夹</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Alt+S</td> 
   <td>打开配置窗口</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Shift+N</td> 
   <td>通过文件名快速查找工程内的文件（必记）</td> 
  </tr> 
  <tr> 
   <td>Ctrl+Shift+Alt+N</td> 
   <td>通过一个字符快速查找位置（必记）</td> 
  </tr> 
  <tr> 
   <td>Shift+Enter</td> 
   <td>重新开始一行（无论光标在哪个位置）</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Alt + T</td> 
   <td>用 if, else, try, catch, for 等来围绕选中的代码块</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Shift + U</td> 
   <td>切换光标所在位置单词的大小写</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Delete</td> 
   <td>删除到单词结束</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Backspace</td> 
   <td>删除到单词开始</td> 
  </tr> 
  <tr> 
   <td>Ctrl + E</td> 
   <td>弹出最近打开的文件</td> 
  </tr> 
  <tr> 
   <td>F11</td> 
   <td>切换书签，就是 sublime text 的F2</td> 
  </tr> 
  <tr> 
   <td>Ctrl + Shift + F12</td> 
   <td>切换最大化编辑器</td> 
  </tr> 
  <tr> 
   <td>Alt + Shift + F</td> 
   <td>添加至收藏夹</td> 
  </tr> 
 </tbody> 
</table>

[https_www.jetbrains.com_zh-cn_webstorm_download_other.html]: https://www.jetbrains.com/zh-cn/webstorm/download/other.html
[image]: https://img-blog.csdnimg.cn/img_convert/fc66d85d328976da6df09ab73abf8cb8.png
[image 1]: https://img-blog.csdnimg.cn/img_convert/5f74042c7f392db5a893103921bc9e31.png
[image 2]: https://img-blog.csdnimg.cn/img_convert/acc4d24482fa36eeaf75ac6d9492061f.png
[image 3]: https://img-blog.csdnimg.cn/img_convert/382d93b7b207f95548948c003d833d0b.png
[image 4]: https://img-blog.csdnimg.cn/img_convert/8feaa07c9df65bd1972c4ffc5f89b0b3.png
[image 5]: https://img-blog.csdnimg.cn/img_convert/8a11ada64938a0ebc2a2eefa55818222.png
[image 6]: https://img-blog.csdnimg.cn/img_convert/c13599b48c342926b4d04b22bf788231.png
[WebStorm]: https://it1314.top/article/778/