踩坑点

使用 vscode 编写 html 页面的时候出现了乱码问题

  1. vscode 编辑的内容出现乱码

这个出现的问题主要是,你之前的编码和现在打开所使用的编码不一致导致的,理论上来说,你接着在该页面输入汉字的话,是不会出现乱码,但是保存后再次打开依旧可能会出现乱码问题,这就是保存时的编码格式和打开时的编码格式不一致导致的

解决办法

重新选择编码格式打开,选择和该文件一开始的编码格式相同的编码

vscode java 终端 乱码 vscode运行js是乱码_前端


一般来说都是 UTF-8,这里主要根据自己的配置修改

vscode java 终端 乱码 vscode运行js是乱码_vscode_02

  1. 浏览器打开的html页面出现乱码

出现这种问题是因为,浏览器的对于汉字的编码格式默认是 UTF-8,而你的文件编码格式不是 UTF-8 导致的,解决办法就是使你的浏览器和文件编码格式一致即可,修改浏览器的编码格式比较麻烦,且可能对其他文件产生影响,所以要对文件的编码格式进行修改

vscode java 终端 乱码 vscode运行js是乱码_vscode java 终端 乱码_03


解决办法

选择重新编码保存后,再次在浏览器上运行即可

vscode java 终端 乱码 vscode运行js是乱码_踩坑_04


vscode java 终端 乱码 vscode运行js是乱码_html_05

其他问题

在两种编码格式之间转换可能会直接出现乱码的问题

解决办法

  1. 两种编码格式转换的时候一定要先重新重新编码保存然后再重新编码打开
  2. 上面的办法不行的话,可以选择电脑本地编码 windows 编码格式作为中间值进行转换

吐槽

vscode 编码是老问题,上次用 vscode 写 c++ 代码,就出现过一次乱码问题,这次 html 又出现一次,属实是踩坑了