解决webstrom编辑器右上角浏览器图标消失不见的问题

之前的电脑上安装的版本是WebStorm-2018.1.3，开始时好好的，可以运行HTML文件，右上角也可以显示各个浏览器的图标，但是更新了WebStorm-2018.1.5后，重新打开编辑器，发现编辑器右上角的浏览器图标消失不见了，右击HTML文件也没有open in broswer 选项，但是idea编辑器打开相同的HTML文件完全不受影响，强迫症，表示必须解决webstrom傲娇的问题，上网百度，发现百度上边的解答很好，好不容易发现一个沾点边的，点进去看，发现那个CSDN博主记录的答案完全就是废话，一点质量都没有，纯粹就是浪费时间（或许是我搜索的关键词出错了？但是尝试了各种关键词，依然没有想要的答案）

最终还是解决了，特此记录这2个小时的抓狂光阴

原因：

因为项目文件中有一个 .editorconfig的文件，项目用了requireJS ， 配置文件中会把带有handlebars/mustache标识的HTML文件自动转化为handlebars/mustache模板，在settings>editor>file type中可以查看，所以浏览器预览就不能用了