Webstorm好在哪里？

引言

  由于学校里课程安排的原因，很多前端的同志最先接触的IDE是Dreamweaver。但走进公司以后会发现它并不入流，设计与开发的分离可能是一个原因。现在公司里主流的IDE基本不外Visual Studio Code和IntelliJ IDEA，这要看公司采用什么架构模型。
  作者向来使用vscode居多，业余时间也尝试过使用sublime text、webstorm等一些其他的编辑器，但从个人使用习惯来讲，一直觉得vscode更加方便。另外，codepen等一些在线IDE也很方便使用，平时写写Demo娱乐一下，写完就同步了，也不占本地资源。
  最近换了新的笔记本电脑，安装软件的过程中也是重新拾回了webstorm（学习版）。之前算使用过，但没有深入了解。这次安装后进行了一些探索，这里整理了一些常用功能的使用方式，作为一个积累，也供后面查阅。

安装

  我这里是网上找的2019.3的版本，下载之后解压目录如下：

  双击exe文件安装之后根据Crack\Readme.txt一步步操作就可以使用了。至于汉化包，由于是一个不完整的汉化，个人不喜欢中英混杂的界面，不太推荐安装。看个人吧。
  像emmet，code format等一些功能都内嵌了，不需要再去安装什么插件，自带的德修拉主题可以说是最佳，喜欢折腾的自己去插件商店看看。

使用

• 浏览器打开html
  vscode需要live server插件，webstorm直接打开就可以了；可以通过Ctrl+Shift+F10打开，也可以单击右侧集成的浏览器图标：
  
  还可以点击三角按钮，Run这个html：
  
  它也可以Run一个js，来启服务，这就免了像vscode中一样打开终端使用node命令启动…

• 重构/重命名：Shift+F6

• 代码格式化：Ctrl+Alt+L

• 搜索一切：Double Shift

• 查找文件：Ctrl+Shift+N

• 最近打开的文件：Ctrl+E

• 导航栏：Alt+Home

• 查找类：Ctrl+N

• 输出模板（就是呼出代码提示）：Ctrl+J

• 自动补全：Ctrl+Shift+Space

• 修正：Alt+Enter

• 跳到变量/函数声明/使用处：Ctrl+B 或 Ctrl+单击

• 方法间快速切换：Alt+↑、Alt+↓

• 以各种形式包裹代码：Ctrl+Alt+T

• 匹配括号[]{}：Ctrl+[ 、Ctrl+]

• 选中代码块：Ctrl+Shift+]、Ctrl+Shift+[

• 选中代码（连按由里向外）：Ctrl+W

• 查看一个文件的结构：Ctrl+F12

• 查找文本：Ctrl+F

• 替换文本：Ctrl+R

• 移动代码段/行：Ctrl+Shift+↑、Ctrl+Shift+↓

• 移动代码块/块：Shift+Alt+↑、Shift+Alt+↓

• 直接向下复制一行代码：Ctrl+D

• 剪切一行代码：Ctrl+X

• 单行注释（<!–单行–> 或 //单行）：Ctrl+/

• 块注释（<!–多行–> 或 /*多行*/）：Ctrl+Shift+/

• 折叠/展开代码块：Ctrl+‘+/-’

• 切换代码视窗：Alt+←、Alt+→

先这样