以下是一个简单的例子，演示如何配置 Vue CLI UI 的本地化：
1. 创建 vue.config.js 文件：
在项目根目录下创建一个 vue.config.js 文件，并添加以下内容：
module.exports = {
pluginOptions: {
i18n: {
locale: 'en',
fallbackLocale: 'en',
localeDir: 'locales',
enableInSFC: false
}
}
};
这里配置了本地化的一些基本选项，如默认语言、回退语言、本地化文件目录等。
2. 创建 locales 目录：
在项目根目录下创建一个 locales 目录，用于存放本地化文件。在该目录下，创建一个 en.json 文件，内容如下：
{
"message": {
"hello": "Hello, World!"
}
}
这是英文语言的本地化文件，包含一个简单的消息。
3. 使用本地化文本：
在你的 Vue 组件中，你可以使用 $t 函数来引用本地化的文本。例如：
<template>
<div>
{{ $t('message.hello') }}
</div>
</template>
在这个例子中，$t('message.hello') 将会被翻译成本地化文件中的文本。
4. 添加其他语言支持：
在 locales 目录下创建其他语言的本地化文件，例如 fr.json：
{
"message": {
"hello": "Bonjour le monde!"
}
}
然后在 vue.config.js 中更新配置：
module.exports = {
pluginOptions: {
i18n: {
locale: 'fr',
fallbackLocale: 'en',
localeDir: 'locales',
enableInSFC: false
}
}
};
这将会启用法语作为项目的默认语言。
通过上述配置，你可以在 Vue CLI UI 中使用本地化功能。Vue CLI UI 将会根据你的配置和语言环境，动态加载对应的本地化文件，并使得应用的文本能够自动切换到所需的语言。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6270/Vue