uni-app vue文件编码格式自动变成GBK

uni-app vue文件编码格式自动变成GBK

开发环境 版本号 项目创建方式
HbuilderX 3.2.2 
示例代码：

```vue
<template>  
    <view>  
        我的收藏  
    </view>  
</template>

操作步骤：

<template>  
    <view>  
        我的收藏  
    </view>  
</template>

预期结果：

<template>  
    <view>  
        我的收藏  
    </view>  
</template>

实际结果：

<template>  
    <view>  
        鎴戠殑鏀惰棌  
    </view>  
</template>

bug描述：

vue文件 我的收藏 四个字 保存文件关闭后再打开乱码 文件编码变成GBk


更多关于uni-app vue文件编码格式自动变成GBK的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

我也遇到过;我删了这个文件,新建一个别名文件,设置默认utf-8就没问题了

更多关于uni-app vue文件编码格式自动变成GBK的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是由于HBuilderX的编码检测机制导致的。当文件中包含中文字符且未明确指定UTF-8编码时，HBuilderX可能会错误地将文件识别为GBK编码。

解决方案：

  1. 手动设置文件编码：

    • 在HBuilderX中打开该vue文件
    • 点击右下角的编码格式显示（当前显示为GBK）
    • 选择"UTF-8"编码
    • 保存文件

  2. 修改项目默认编码：

    • 在HBuilderX中，点击菜单：工具 -> 设置
    • 在"编辑器设置"中，找到"默认编码"
    • 设置为"UTF-8"
    • 重启HBuilderX

  3. 在文件头部添加编码声明： 在vue文件的<template>标签前添加：

    <?xml version="1.0" encoding="UTF-8"?>

  4. 检查.editorconfig配置： 确保项目根目录下的.editorconfig文件包含：

    charset = utf-8
回到顶部