webstorm首次安装使用配置

新装的 webstorm，用于开发vue前端。初始化默认的设置用着不习惯。
希望通过一些设置，让使用起来更加方便

---

一、运行配置

初始化没有运行和调试的图标
需要设置。软件右上角

---

二、调试配置

初始化没有调试的图标
需要设置。软件右上角
注意：这里的两个地方的端口要一致，就是 63342 端口号
用到的：
http://localhost:63342
webpack:///src


完了之后 配置项就有debug选项了，之后调试线先启动 dvc运行，然后再debug运行，在debug弹出的浏览器界面把 dvc运行的地址换上就能调试了
也就是说，比如dev运行后

debug运行后

把http://192.168.3.1:8080粘贴到 debug运行的浏览器地址栏 就在软件里面断点调试了

---

三、ctrl +滚轮设置字体大小

file>setting

---

四、更改字体

默认字体不好看，编程最合适的字体个人觉得是Consolas，通过设置换过来

file>setting

---

五、代码缩进

默认是2，在软件上设置无效，需要到项目的配置文件更改

打开项目目录，找到文件.editorconfig，文本编辑，修改 indent_size 为 4