Nuxt+TS 系列之(一) —— 初始Nuxt
简介
由于当前项目需要使用到 Nuxt
,所以简单做个记录~
Nuxt
是一个免费且开源的框架,提供直观且可扩展的方式来使用 Vue.js
创建类型安全、高性能且可用于生产环境的全栈 Web
应用和网站。
- 基于文件的路由:
Nuxt
根据app/pages/
目录 的结构定义路由,可以更容易地组织应用并避免手动配置路由。- 代码拆分:
Nuxt
会自动将代码拆分为更小的片段,有助于减少应用的初始加载时间。- 开箱即用的服务端渲染:
Nuxt
自带SSR
能力,所以无需自己单独设置服务器。- 自动导入:
Nuxt
在各自目录中编写 Vue 组合式函数和组件,然后无需手动导入即可使用,同时享受tree-shaking
和优化后的JS
包的好处。- 数据获取工具:
Nuxt
提供了可用于SSR
的数据获取组合式函数以及不同的策略。- 零配置
TypeScript
支持:Nuxt
借助自动生成的类型和tsconfig.json
,无需深入学习TypeScript
也能编写类型安全的代码。- 已配置的构建工具:
Nuxt
默认使用Vite
来在开发中支持热模块替换(HMR
)并为生产打包你的代码,内置最佳实践。
Nuxt
会处理以上这些内容,并同时提供前端和后端功能,让开发者可以专注于最重要的事情:创建 Web
应用。
官网
中文官网
英文官网