vue.js|尝试搭建 Vue3+nuxt3+typescript+vuex+i18n+axios+element plus+...(一)

因为项目需要, 需要搭建vue3+nuxt
翻阅很多资料,发现nuxt 开源现成项目很少, vue3 又都不是nuxt的项目, 无奈,只能动手改造。
关于 Nuxt.js - NuxtJS | Nuxt.js 中文网
Nuxt 3 - Data Fetching
1、尝试搭建nuxt (2版本)
通过官网的搭建方法
npm i create-nuxt-app -g
create-nuxt-app my-nuxt-demo
cd my-nuxt-demo
【vue.js|尝试搭建 Vue3+nuxt3+typescript+vuex+i18n+axios+element plus+...(一)】npm run dev

Project name // 项目名称 Project description // 项目描述 Use a custom server framework // 选择服务器框架 Choose features to install // 选择安装的特性 Use a custom UI framework // 选择UI框架 Use a custom test framework // 测试框架 Choose rendering mode // 渲染模式 Universal // 渲染所有连接页面 Single Page App // 只渲染当前页面

搭建完的项目,发现默认为nuxt2, 包括package.json引用的 vue,也是vue2,

2、尝试搭建nuxt (3版本)
通过资料查看的 创建nuxt3, 创建方式:
npx nuxi init nuxt3-app
yarnInstall
完成以后, 目录中内容特别少, 只有最基础的app.vue文件和相关配置文件
3、无奈,找了一个nuxt3开源项目和一个vue3 开源项目动手改造
nuxt-vue3-pic: nuxt3 vue3
vue-next-admin: 基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)

因为本身对vue3 ,typescript 还不熟, 改造过程 无比困难

    推荐阅读