图解VS 2022开发React中文乱码问题解决

 时间:2024-10-13 05:44:57

1、打开Windows 10机器上已安装的Visual Studio 2022开发工具,如下图所示:

图解VS 2022开发React中文乱码问题解决

2、新建一个React项目,修改启动页说明内容,运行后中文乱码,想修改字符集,但是点击菜单栏中“文件”下却没有发现“高级保存选项”,如下图所示:

图解VS 2022开发React中文乱码问题解决

3、依次点击菜单栏中的“工具”->“自定义(C)”,如下图所示:

图解VS 2022开发React中文乱码问题解决

4、在弹出的自定义对话框中,切换到“命令”选项卡,菜单栏下拉选择“文件”,然后点击“添加命令”,如下图所示:

图解VS 2022开发React中文乱码问题解决

5、弹出的添加命令对话框中,左侧类别选择“文件”,右侧的命令中找到“高级保存选项”,然后点击“确定”,如下图所示:

图解VS 2022开发React中文乱码问题解决

6、返回到自定义对话框后,默认“高级保存选项”在第一个位置,可以通过右侧的“下移”调整位置,如下图所示:

图解VS 2022开发React中文乱码问题解决

7、此时菜单栏中“文件”下就出现了“高级保存选项”,如下图所示:

图解VS 2022开发React中文乱码问题解决

8、点击我们的ts页面中,然后调出“高级保存选项”,将编码调整为“Unicode (UTF-8带签名)-代码页65001”,然后点击“确定”,如下图所示:

图解VS 2022开发React中文乱码问题解决

9、之后通过npm start启动项目,通过浏览器浏览页面地址,页面中的中文显示正常,如下图所示:

图解VS 2022开发React中文乱码问题解决
  • 怎么修改Pycharm的配置文件存放位置
  • vscode多行注释快捷键
  • cmd切换到d盘
  • linux怎么打开终端
  • 如何复制CSDN软件的推荐链接
  • 热门搜索
    关于古诗词的手抄报 预防新型冠状病毒的手抄报 军训手抄报内容 国学经典手抄报内容 预防登革热手抄报 我爱文学手抄报图片 我爱校园手抄报 数学手抄报内容三年级 人与自然手抄报 手抄报边框设计