尝试搭建 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

npm run dev

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

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

2、尝试搭建nuxt （3版本）

    通过资料查看的 创建nuxt3， 创建方式：

npx nuxi init nuxt3-app

yarn  Install 

完成以后， 目录中内容特别少， 只有最基础的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 还不熟， 改造过程 无比困难

这篇好文章是转载于：学新通技术网