vue cli 创建工程(vue3+vite+pinia)

npm 查看镜像：npm get registry

npm 设置镜像：npm config set registry https://registry.npmmirror.com/

mac 上从零开始创建工程：

npm init vue@latest

cd 到自己的工程 pnpm i pnpm dev

如果安装很慢就切换npm下载的源网址；

如果报错node版本过低，就前往node官网按要求下载更高版本的node。

接下来就是安装一些三方件工具：

1.安装elementPlus组件库：

npm install element-plus --save

2.安装i18n

npm install vue-i18n

在main.js引入

import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; import i18n from './i18n/index'; import App from './App.vue' import router from './router' const app = createApp(App) app.use(createPinia()) app.use(router) app.use(i18n); app.use(ElementPlus); app.mount('#app')

在src下建一个文件夹，

index.js

import { createI18n } from 'vue-i18n' import zh from './zh' import en from './en' const i18n = createI18n({ locale: 'zh', messages: { zh, en }, silentTranslationWarn: true }) export default i18n

en.json

{ "click": "click" }

zh.json

{ "click": "点击" }

如果是个大的工程，i8n就分模块比较清楚：

那么index.js里面的导入模块也要修改：

import { createI18n } from 'vue-i18n'; import { getCurrentLanguage } from '@/utils'; // 动态导入 const modules = import.meta.glob('./*/*.json', { eager: true }); // 处理导入的模块 const messages = {}; Object.keys(modules).forEach((p