本文转载自微信公众号《村长学前端》,作者前端村长杨。转载本文请联系村长雪峰公众号。13日,小友在微博上分享了Nuxt3带货:23日,直播分享再次分享了Nuxt3带货,这次是独家PPT页面:看来这个Nuxt3一定不简单!那么这个框架是做什么的呢?怎么样?村长带大家一探究竟!从字面上看,它是一个基于Vue3的混合开发框架。那么什么是混合(Hybrid)开发呢?继续看官方介绍。混合状态仍然很快,这意味着增量静态生成和其他一些可能的高级模式。静态生成Nuxt2有。是高质量的名字还是别的什么?真假还需要考证???但无论如何,下面的许多特性表明这是一个全面的通用开发框架,可以提供良好的代码组织和服务器端渲染/静态网站生成(SSR/SSG)能力。是硬核!正式使用createproject打开VisualStudioCode,打开内置终端输入以下命令创建nuxt项目:npxnuxiinitnuxt3-app步进指南:node版本需要高于v14.16.0安装依赖yarninstall开始使用yarndevtodevelopMode启动nuxt:yarndev浏览器会自动打开:http://localhost:3000最小应用如果nuxt3中没有pages/目录,则表示不会包含vue-router依赖。如果我们不需要路由或只需要一个登陆页面,就可以这样做。删除下面的app.vue,添加一些内容看看效果:vue:nuxt3app
