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

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

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 还不熟, 改造过程 无比困难

你可能感兴趣的:(vue.js,前端框架,typescript)