vue cli 创建工程(vue3+vite+pinia)
npm 查看镜像:npm get registrynpm 设置镜像:npm config set registry https://registry.npmmirror.com/mac 上从零开始创建工程:npm init vue@latestcd 到自己的工程 pnpm i pnpm dev如果安装很慢就切换npm下载的源网址;如果报错node版本过低,就前往node官网按要求下载更高版本的node。接下来就是安装一些三方件工具:1.安装elementPlus组件库:npm install element-plus --save2.安装i18nnpm 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.jsimport { createI18n } from 'vue-i18n' import zh from './zh' import en from './en' const i18n = createI18n({ locale: 'zh', messages: { zh, en }, silentTranslationWarn: true }) export default i18nen.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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2411202.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!