养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-22 02:46:49

本篇经验将和大家介绍在使用外狒芙梨VisualStudio2022开发React中文乱码问题的解决办法,希望对大家的工作和学习有所帮助!

工具/原料

DELL台式机

Windows10

VisualStudio2022

方法/步骤

1、打开Windows10机器上已安装的VisualStudio2022开发工具,如下图所示:

图解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、之后通过npmstart启动项目,通过浏览器浏览页面地址,页面中的中文显示正常,如下图所示:

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

© 一点知识