VUE项目编写完成进入HTML出现中文乱码怎么解决

今天写VUE项目的时候，编写完项目，之后打开index.html的时候发现所有的中文均为乱码，之后着手解决这个问题发现了一个新坑

出现原因

如果没在webstorm中进行过特殊设置，默认的webstorm中的新创建的 .vue 文件的默认编码不是UTF-8而是其他的编码方式，所以在浏览器中打开会出现乱码

解决方式

解决方式1

将乱码文件（例如index.vue）以记事本的方式打开，之后点击另存为，右下角位置有对应的文件编码方式将这里更改，即可完成，之后文件重命名什么的均可直接在文件夹内进行操作

解决方式2

打开webstorm，左上角的file（文件）按键，选择setting（设置）属性，在搜索框里搜索encode属性，选择File Encodings 之后将两个方式都改成UTF-8
此图引用位置：“https://blog.csdn.net/u012679583/article/details/50329261/” 链接.

以后创建的 .vue 文件的默认编码就都变成 UTF-8 了，嗯，就这个破东西卡了我30分钟。