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分鐘。

總結

以上是生活随笔為你收集整理的VUE新坑 中文乱码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。