Nuxt 3.0.0正式发布,集成Element PlusAnt Design Vue和Arco Design Vue脚手架

Posted MateCloud微服务

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Nuxt 3.0.0正式发布,集成Element PlusAnt Design Vue和Arco Design Vue脚手架相关的知识,希望对你有一定的参考价值。

发布说明

Nuxt 是使用简便的 Web 框架,用于构建现代和高性能的 Web 应用,可以部署在任何运行 javascript 的平台上。

Nuxt 3.0 11天前正式发布了稳定版,3.0 基于 Vue 3,为 TypeScript 提供了 “一等公民” 支持,并进行了一次彻底的重构,对内核进行了精简,速度更快,体验更好。

公告写道,Nuxt 3.0 的 API 已完全稳定,可用于生产环境。所有可组合项、文件系统约定和配置都确保向后兼容 Nuxt 3.0.0。Nuxt 3 目前支持 Node.js 14、16、18 和 19,建议使用最新的 Node.js LTS 版本,由于 Node.js 14 即将 EOL,开发者最好尽可能升级到最新的 18.x。

Nuxt 3 新特性

  • 更轻量:以现代浏览器为目标的服务器部署和客户端产物最多可缩小 75 倍

  • 更快:基于 nitro 提供动态代码分割能力,以优化冷启动性能

  • Hybrid:增量静态生成和其他的高级功能现在都成为可能

  • Suspense:在任意组件和导航前后都可以获取数据

  • Composition API:使用 Composition API 和 Nuxt 3 的 composables 实现真正的代码复用

  • Nuxt CLI:没有任何依赖,帮你轻松搭建项目和集成模块

  • Nuxt Devtools:通过直接在浏览器中查看信息和快速修复实现更快地工作

  • Nuxt Kit:具有 Typescript 和跨版本兼容性的全新模块开发

  • Webpack 5:更快的构建时间和更小的包大小,无需配置

  • Vite:使用 Vite 作为打包工具,体验闪电般快速的 HMR

  • Vue 3:Vue 3 是你下一个 Web 应用程序的坚实基础

  • TypeScript:使用原生 TypeScript 和 ESM 构建,无需额外步骤

🍟 集成Element Plus脚手架

https://github.com/matevip/nuxt-3-element-plus-starter

🍟 集成Ant Design Vue 脚手架

https://github.com/matevip/nuxt-3-ant-design-vue-starter

🍟 集成Arco Design Vue 脚手架

https://github.com/matevip/nuxt-3-arco-design-vue-starter

演示

UI演示地址
Element Plus 集成https://nuxt-3-element-plus-starter.vercel.app
Ant Design Vue 集成https://nuxt-3-ant-design-vue-starter.vercel.app
Arco Design Vue 集成https://nuxt-3-arco-design-vue-starter.vercel.app

微服务项目推荐

Matecloud微服务平台, 基于Spring Cloud Alibaba的后台微服务项目。为前后端分离项目提供助力。

以上是关于Nuxt 3.0.0正式发布,集成Element PlusAnt Design Vue和Arco Design Vue脚手架的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt 2.0正式发布:支持 Webpack 4ES module

nuxt按需引入 element-UI

nuxt中全局引入element-ui

nuxt 引入 element-UI 自定义主题色

nuxt相关问题

使用nuxt的时候添加element-ui