因为项目需要, 需要搭建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 还不熟, 改造过程 无比困难
推荐阅读
- 前端优秀开源项目|Vexip UI - 新轮子推荐,由个人开发者打造的 Vue3 UI 组件库,免费开源、开箱即用
- springboot+vue|基于Springboot+vue的玩具销售商城网站 elementui
- vue.js|基于Vue+Element-ui开发的一个“月日组件”,并发布npm包
- vue.js|element组件 解决DateTimePicker + vue 弹出框只显示小时和“至”字处理
- vant|修改 vant Collapse 折叠面板右侧图标及其颜色,保留原来动画
- 前端所遇问题栏|Uncaught Error: [vue-router] “path“ is required in a route configuration 的解决方案
- React|react-router v6 简单的路由拦截
- html+css+js|Vue事件修饰符
- vue学习之路|vue中使用swiper插件