Nuxt 3.0.0正式发布，集成Element Plus、Ant Design Vue和Arco Design Vue脚手架

已于 2022-11-28 10:07:19 修改
阅读量1.8k 收藏 2
点赞数
分类专栏： VUE 文章标签： vue.js javascript 前端 nuxt vue3
于 2022-11-27 22:43:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bufegar0/article/details/128071305
版权

发布说明

在这里插入图片描述

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：没有任何依赖，帮你轻松搭建项目和集成模块

最低0.47元/天 解锁文章
MateCloud微服务
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3的几款UI组件库：Naive UI、Element Plus、 Ant Design Vue、Arco Design
u011791126的博客
11-24 3442
vue3系列的三款ui框架简要对比： 框架 Element Plus Naive ui Ant Design Vue Arco Design 简介 element-ui Vue3版本，国内使用广泛 Vue作者推荐的Vue3ui 组件库 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步 ArcoDesign 主要服务于字节跳动旗下中后台产品的体验设计和技术实现 社区活跃度 高 中 高 中 组件库主要实现方式 单文件Vue 单文件Vue 单文件Vue
如何在Nuxt里按需引入ant-design
weixin_45788388的博客
05-13 3056
UI框架选的是element，现在项目里要加入骨架屏，element没有，所以，引入了ant的骨架屏。
nuxt3+Element Plus项目搭建过程记录
最新发布
Liu
05-28 626
nuxt3 + ElementPlus项目搭建过程记录
Nuxt+vue3+Element-plus+TypeScript
weixin_44208404的博客
08-08 1149
进公司实习一段时间了，想用学到的东西进行独立开发，踩坑不少，做个总结。
尝试搭建 Vue3+nuxt3+typescript+vuex+i18n+axios+element plus+...(二)
windbellxy的博客
04-18 1691
1、准备好nuxt项目 ， 运行，保证不报错， yarn install yarn dev 2、因为想要使用vue普通目录src， 或者src子文件夹， 修改配置 nuxt.config.ts 增加srcDir配置 顺便加了meta 配置目录，修改系统名字 和默认404跳转页面 srcDir: "src/main/webapp", css: [ "element-plus/dist/index.css", "normalize.css", "@/...
尝试搭建 Vue3+nuxt3+typescript+vuex+i18n+axios+element plus+...(一)
windbellxy的博客
04-18 1991
因为项目需要， 需要搭建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 Pr..
php对比nuxt,Vue SSR方案，Nuxt和Vapper怎么选？
weixin_31309419的博客
03-29 655
在前端现代框架下做服务端渲染，是开历史的倒车，无奈搜索引擎至今对Javascript依然不友好。背景最近我花了2周时间写了一个网站，先后中度体验了水滴团队的Vapper和大家熟知的Nuxt，有一些感受想和大家分享。先说结果，我最终放弃了Vapper，选择了Nuxt。前期感受当初选型时，Vapper最吸引我的地方是“无感”切换，只需给页面添加needSerialize:true,以很小的成本就能实现...
nuxt-ant-design-vue
05-08
@ nuxtjs-extra / ant-design-vue 适用于Ant Design Vue的Nuxt模块设置向项目添加依赖项yarn add @nuxtjs-extra/ant-design-vue @nuxt/components # or npm install @nuxtjs-extra/ant-design-vue 如果您使用...
nuxt-ant-design-vue:Nuxt +模块化蚂蚁设计Vue组件
03-29
具有来自Ant Design Vue的基本布局（仪表板） 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch server $ yarn build $ ...
create-nuxt-antd:使用ant-design的nuxt项目
05-15
使用ant-design的nuxt项目 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn run dev # build for production and launch server $ yarn run build $ yarn start...
markart：前端：Vue + Nuxt 2 + React + Ant Design Pro 2后端：TypeScript + Koa 2 + MongoDB
02-04
markart-博客提供者Nuxt·React·Ant设计·TypeScript·Koa·MongoDB发展历程# install dependenciesnpm install# serve with hot reload at localhost:8001(server) 3002(web) 8000(admin)npm run dev# build for ...
vue3的福音框架arco.design
浩星
01-11 3015
在vue2于2023年底正式宣布不在维护，vue3使用越来越频繁的时刻，我们实现项目的辅助框架也越来越多。element, iview, antd 等经典框架继续风靡一时，不过也有很多好的框架，功能也强大，比如我们今天说的主角 arco.design ，他是字节跳动的产品，从2022到今天，经历了时间的检验，他的ui性能，功能的扩展都是很强大的，这里说说他的使用。
2-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》初识Nuxt3
DVTOP的博客
11-21 1960
Nuxt 3是基于Vite、Vue3和Nitro的Nuxt框架的全新重写，具有一流的Typescript支持，是两年多研究、社区反馈、创新和实验的结果。 Nuxt.js是基于Vue.js创建的混合渲染应用框架，一般使用Nuxt.js多是用来解决SEO的问题。
Vue3.x+Element Plus仿制Acro Design简洁模式分页器组件
BreenCL的博客
02-21 930
一个基于Vue3和Element Plus即拿即用的小型分页器组件
Nuxt.js--》解锁 Nuxt 项目的潜力：从配置开始，迈向成功
ztK63LrD的博客
08-12 967
博主今天开设Nuxt.js专栏，带您深入探索 Nuxt.js 的精髓，学习如何利用其强大功能构建出色的前端应用程序。我们将探讨其核心特点、灵活的路由系统、优化技巧以及常见问题的解决方案。无论您是想了解 Nuxt.js 的基础知识，还是希望掌握进阶技巧，本专栏都将满足您的需求。接下来让我们一起踏上 Nuxt.js 的旅程，开启一段令人兴奋的前端开发之旅！：是一种通过优化网站和内容，以提高在搜索引擎中的排名和可见性的过程。它是一种有助于网站获得更多有机（非付费）流量的策略和技术。
Nuxt - 超详细环境搭建及创建项目整体流程（create-nuxt-app）
王佳斌
06-22 4260
首先您要确保前端环境正常，不存在装包报错等问题，否则您需要先解决这些问题。首先，我们需要使用框架提供的脚手架（create-nuxt-app）来创建一个项目，在任意位置打开 终端，执行如下创建命令： 项目名称为 ，如果创建失败请改用 命令。执行成功后，会出现如下图所示界面，输入 回车：接下来耐心等待脚手架的安装即可。咱们这一步输入项目名称，完毕后回车，如下图所示：您是用 开发还是用 开发？上下箭头移动，选完回车。您使用 还是用 管理包？您使用什么 UI 框架？您选择 Nuxt.js 模块（也可
Nuxt3 + Ant-Design-Vue 初体验
system_xyz的博客
07-05 3820
nuxt3+antd vue
nuxt3 一套适配移动端web端 nuxt3一套代码写官网
weixin_49230250的博客
07-04 5001
nuxt3 一套代码适配 web端移动端
nuxt3 安装ant design vue3 nuxt3 ts改为js
05-27
要在 Nuxt3 中安装 Ant Design Vue3，您需要执行以下步骤： 1. 安装依赖：`npm install ant-design-vue@next` 2. 在 Nuxt3 项目中创建一个插件目录：`mkdir plugins` 3. 在该目录中创建一个名为 `antd.js` 的文件，并将以下代码添加到文件中： ```js import { createApp } from 'vue'; import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; export default ({ app }) => { const antd = createApp(Antd); app.use(antd); }; ``` 4. 在 `nuxt.config.js` 文件中添加以下代码： ```js export default { plugins: [ { src: '~/plugins/antd.js' }, ], } ``` 这样就可以在您的 Nuxt3 项目中使用 Ant Design Vue3 了。 如果您想将 Nuxt3 中的 TypeScript 改为 JavaScript，则需要将 `nuxt.config.ts` 文件重命名为 `nuxt.config.js`，并将其中的 TypeScript 语法改为 JavaScript 语法即可。同时，您还需要确保您的依赖项中不再包含 TypeScript 相关的包。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值