Nuxt是用Vue.js创建的开源SSR框架,可以用来创建类型安全(支持TS)、性能高效、生产级的全栈web应用。
只需要从一个.vue
文件开始,你就可以享受到开发状态的热更新和默认的服务端渲染能力。
Nuxt最大的特色,是使用约定的目录结构,来完成很多自动化的工作。这样,开发者就可以将焦点放在功能开发上,提高开发效率。通过配置文件,可以自定义和修改Nuxt默认的约定行为。
.vue
文件放进根目录下的/pages
目录,Nuxt就自动为你配置好同名的路由。composable
和component
,会从各自目录自动导入,模板中直接使用即可。tsconfig.json
文件。Vite
最佳实践,来支持开发环境的热更新和生产环境打包。服务端渲染,有哪些好处呢?
Nuxt使用Nitro作为服务引擎。
开发环境中,Nitro使用Rollup和Node.js workers来生成服务端代码,可以读取sever/api/
目录来生成服务端API,也可以从server/middleware/
目录读取文件生成服务端中间件。
生产环境中,Nitro将前端应用和服务端代码打包进一个统一的.output
文件夹。这个文件夹很轻量级:移除了任何Node.js模块(除了polyfills),并做了代码压缩。你可以将此文件夹部署到任何支持Javascript的环境,比如Node.js, Serverless, Workers, ESR(Edge-side rendering)甚至是纯静态。