一、序
????????吾有一友,名為小帥。
????????某天早晨,我正學(xué)習(xí)、試用API,他路過(guò):
????????小帥:“咱這皮毛都沒(méi)的Chinglish水平,還寫(xiě)全英文的?中文整上??!”
????????幾分鐘后,滿(mǎn)屏亂碼......
????????我:
二、問(wèn)題分析
????????按照經(jīng)驗(yàn),首先懷疑網(wǎng)頁(yè)設(shè)置有問(wèn)題,打開(kāi)/public/index.html更改設(shè)置:
????????
????????不出意外的出現(xiàn)意外了,還真不是網(wǎng)頁(yè)設(shè)置問(wèn)題;
????????那么,下一步懷疑文件編碼問(wèn)題;
????????眾所周知,VS是默認(rèn)UTF-8格式的;
????????用記事本一一打開(kāi).html、.js、.json等,都是UTF-8,直到打開(kāi).vue文件,其默認(rèn)ASNI:
????????
????????用記事本將含中文的.vue文件另存為UTF-8編碼,果然立即不再亂碼了。
三、解決方案
????????1、我用的VS2019,而VS2017及其以上版本默認(rèn)支持EditorConfig,所以在項(xiàng)目根目錄創(chuàng)建文本文件“.editorconfig”(是的,沒(méi)有文件名,只有后綴)即可,然后以記事本打開(kāi),粘貼進(jìn)以下代碼,保存。
root = true # 所在目錄是項(xiàng)目根目錄,此目錄及子目錄下保存的文件都會(huì)生效 [*.vue] # 對(duì)于所有.vue文件 indent_style = tab # 縮進(jìn)風(fēng)格 tab_width = 4 # 縮進(jìn)寬度 charset = utf-8 # 文件編碼格式 end_of_line = crlf # 行尾格式,Windows一般為CRLF,Linux一般為L(zhǎng)F,根據(jù)需要更改 insert_final_newline = true #文件結(jié)尾添加換行符,以防警告
????????2、在VS中打開(kāi)帶中文的.vue文件,挨個(gè)保存。(僅本次需要挨個(gè)保存,以后該項(xiàng)目的.vue文件將按照.editorconfig用UTF-8保存。)
????????
三、后記
????????解決后,我就辦其他事去了;
????????等我回來(lái),發(fā)現(xiàn)小帥正抱著他筆記本電腦對(duì)比、翻看我這VUE項(xiàng)目呢;文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-610874.html
????????好小子,你不會(huì)也遇到中文亂碼,挖個(gè)坑等我先解決了吧?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-610874.html
到了這里,關(guān)于快速上手VUE:中文亂碼問(wèn)題解決的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!