Vue UI可视化页面修改为显示中文的问题

这篇具有很好参考价值的文章主要介绍了Vue UI可视化页面修改为显示中文的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 首先可以参考这个链接,把浏览器设置成中文:vue UI可视化窗口修改为显示中文_vue ui中文-CSDN博客

如果浏览器本来就是中文的请直接阅读本篇文章: 

目录

解决方法(临时解决英文问题)

解决方法二(彻底解决问题):


解决方法(临时解决英文问题)

博主遇到的问题是:浏览器设置成中文后,打开vue ui界面还是英文显示的情况。

vue ui 有中文吗,vue.js,ui,javascript,前端框架

之后f12打开控制台后发现了以下错误。说明了vue的ui界面请求了中文的json。但是404访问失败了。之后点进去发现果然访问不了。

如果大家浏览器是中文显示的,vue ui的界面是英文显示的大概率就是和下面一样的问题。

vue ui 有中文吗,vue.js,ui,javascript,前端框架

vue ui 有中文吗,vue.js,ui,javascript,前端框架

原来是语言包加载失败所导致的显示ui界面是英文的,不是浏览器的锅~~。

想办法能让vue ui的页面可以正常访问这两个链接,vue ui的界面就变成中文啦!!

https://unpkg.com/vue-cli-locales@4.5.13/locales/zh_cn.json

https://unpkg.com/browse/vue-cli-locales@4.5.13/locales/zh.json

vue ui 有中文吗,vue.js,ui,javascript,前端框架

 ps:第二次打开还需要再获取一次zh.json,居然不能缓存T.T

解决方法二(彻底解决问题):

在第二天,我找到了vue ui页面的根文件夹,xxx\@vue\cli\node_modules\@vue\cli-ui ;在里面发现了一个放置语言json的locales文件夹。里面放着en.json

vue ui 有中文吗,vue.js,ui,javascript,前端框架

vue ui 有中文吗,vue.js,ui,javascript,前端框架

打开一看 ,里面都是英文界面所显示的文字内容。

vue ui 有中文吗,vue.js,ui,javascript,前端框架

 然后我果断去下载了一份中文的文件zh.json。将zh.json重命名为en.json替换掉了原来的en.json

下载zh.json文件地址:https://github.com/caugner/vue-cli-locales/tree/master/locales

淘宝 npm 源下载(下载整个包,或者直接复制zh.json文件里的内容都行,你f12获取单个json文件也行):npmmirror 镜像站

vue ui 有中文吗,vue.js,ui,javascript,前端框架

然后从cmd中重启vue ui,发现Vue 项目管理器界面变成中文了哈哈^-^。

vue ui 有中文吗,vue.js,ui,javascript,前端框架文章来源地址https://www.toymoban.com/news/detail-807575.html

到了这里,关于Vue UI可视化页面修改为显示中文的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端vite+vue3——可视化页面性能耗时指标(fmp、fp)

    大家好,我是yma16,本文分享关于 前端vite+vue3——可视化页面性能耗时(fmp、fp)。 fmp的定义 FMP(First Meaningful Paint)是一种衡量网页加载性能的指标。它表示在加载过程中,浏览器首次渲染出有意义的内容所花费的时间。有意义的内容指的是用户可以看到和交互的元素,如

    2024年03月19日
    浏览(59)
  • 基于vue+element-ui的H5可视化编辑器

    h5ve-design是一款专注低代码平台工具,功能强大,高可扩展的HTML5可视化编辑器,致力于提供一套简单易用、高效创新、无限可能的解决方案。技术栈采用vue和javascript开发, 专注研发创新工具。 Vue2.x+Javascript+Element-ui H5可视化编辑器包括的核心功能区有:组件区、画布区、顶部

    2024年02月07日
    浏览(56)
  • RabbitMQ的可视化管理页面简介

                                        模块                         描述                                 Overview                      概览                                  Connections              查看连接情况                              

    2024年02月14日
    浏览(40)
  • docker搭建可视化管理面板安装Portainer(中文版)

    1.Portainer简介 Portainer是Docker的图形化管理工具,提供状态显示面板、应用模板快速部署、容器镜像网络数据卷的基本操作(包括上传下载镜像,创建容器等操作)、事件日志显示、容器控制台操作、Swarm集群和服务等集中管理和操作、登录用户管理和控制等功能。功能十分全

    2024年04月16日
    浏览(35)
  • 数据可视化UI设计素材资源文件sketch大屏可视化数据展示

    数据是企业的上帝之眼,数据可视化就发挥了很大的作用。很多从事B端产品设计的小伙伴在日常工作中遇到数据可视化的场景比较多,也得益于PSD素材较多,所以用的设计工具大多是Photoshop,但Photoshop用于UI设计太过臃肿,图层太多容易使软件卡崩,占用内存高,新建画板数

    2024年02月11日
    浏览(47)
  • DaisyDisk for mac 中文激活版 可视化磁盘清理工具

    DaisyDisk 是一款专为 Mac 设计的磁盘空间分析工具。它以直观、图形化的方式展示硬盘使用情况,帮助用户迅速找到占用空间大的文件和文件夹。通过扫描磁盘,DaisyDisk 生成彩色的扇形图表,每个扇区代表一个文件或文件夹,大小直观反映其占用空间。用户可轻松识别不必要的

    2024年01月17日
    浏览(39)
  • qt 可视化ui设计

    QMainWindow 是主窗口类,主窗口类具有主菜单栏、工具栏和状态栏,类似于一般的应用程序的主窗口; QWidget是所有具有可视界面类的基类,选择QWidget创建的界面对各种界面组件都可以支持; QDialog是对话框类,可建立一个基于对话框的界面。 .ui 文件 后缀为.ui 的文件是可视化

    2024年02月15日
    浏览(41)
  • DEM的精细修改及其三维可视化

    无论是搭建二维水动力模型,还是构建三维虚拟现实场景,都离不开DEM(Digital Elevation Map)。DEM的获取途径可以是卫星影像,或是无人机航拍。针对DEM的编辑,网络上的教程大部分是通过gis进行拼接、提取、填洼以及简单的栅格计算等。笔者一直希望能够对DEM进行较为细致的

    2024年02月08日
    浏览(76)
  • 数据可视化大屏的页面布局以及自适应

    在做数据可视化大屏之前,我们需要考虑到页面的布局问题以及页面缩放自适应问题,下面分别就这两个方面讲解。 页面布局 类似这种页面区块的明显划分,常用的布局方式有两种: 1、 flex 布局 2、 grid 布局 grid布局 grid 布局可以按区块来划分页面布局,并且可以在划分布

    2024年02月05日
    浏览(53)
  • 可视化k8s页面(Kubepi)

    Kubepi是一个简单高效的k8s集群图形化管理工具,方便日常管理K8S集群,高效快速的查询日志定位问题的工具 随便在哪个节点部署,我这里在主节点部署 查看是否安装成功 登录地址: http://IP:8000 默认用户名:admin 默认密码:kubepi 获取登录需要用到的ip地址和登录token: # 在 k

    2024年01月20日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包