用webstorm开发web前端,网页出现中文乱码问题及解决方案

在刚开始使用webstrom的时候,会发现网页出现中文乱码现象。

用webstorm开发web前端,网页出现中文乱码问题及解决方案
这是出现的中文乱码的网页的截图

起初,我是这样做的
File—Settings—Editor—File Encodings,改成UTF-8
用webstorm开发web前端,网页出现中文乱码问题及解决方案
用webstorm开发web前端,网页出现中文乱码问题及解决方案然鹅!!重新运行,发现网页中依然有乱码

用webstorm开发web前端,网页出现中文乱码问题及解决方案

后来!发现一行代码就能解决问题!

把它添加到标签首行。

用webstorm开发web前端,网页出现中文乱码问题及解决方案Perfect!