Nuxt,Next,Node框架选用参考

2,455 阅读2分钟

Vue 服务端渲染框架

Nuxt 【Vue首选】

NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架,让 web 开发变得简单而强大。

Nuxtjs能完全替代VuePress,动态类网站渲染推荐使用

VuePress【Vue文档编写首选】

Vue 驱动的静态网站生成器

案例:vue官网

用途:API文档,博客等阅读类网站

静态类网站推荐使用

# 安装
yarn global add vuepress # 或者:npm install -g vuepress

# 新建一个 markdown 文件
echo '# Hello VuePress!' > README.md

# 开始写作
vuepress dev .

# 构建静态文件
vuepress build .

React 服务端渲染框架

Next【React首选】

Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

描述:NuxtJS和NextJS属同类型

Gatsby【React文档编写首选】

React 驱动的静态网站生成器 Gatsby 是一个基于 React 的免费、开源框架,用于帮助 开发者构建运行速度极快的 网站 和 应用程序

描述:VuePress和GatsbyJS属同类型 案例:React官网

nodejs框架

express,koa,egg 主流nodejs框架

基于 Node.js 平台,快速、开放、极简的 Web 开发框架

大型项目:nodejs主要用作中间层,优势很多,单线程抗高并发.....

小型项目:不推荐使用,增加了开发难度

【图例】

前端:负责View和Controller层。 后端:负责Model层,业务处理/数据等。

image.png

淘宝基于Node的前后端分离架构【网络图】

image.png

NestJS 全栈开发者考虑使用

Nest (NestJS) 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。它利用 JavaScript 的渐进增强的能力,使用并完全支持 TypeScript (仍然允许开发者使用纯 JavaScript 进行开发),并结合了 OOP (面向对象编程)、FP (函数式编程)和 FRP (函数响应式编程)。

语法类似SpringBoot在底层,Nest 构建在强大的 HTTP 服务器框架上,例如 Express (默认),并且还可以通过配置从而使用 Fastify !

Nest 在这些常见的 Node.js 框架 (Express/Fastify) 之上提高了一个抽象级别,但仍然向开发者直接暴露了底层框架的 API。这使得开发者可以自由地使用适用于底层平台的无数的第三方模块。

结尾

技术更新迭代,没有最好的框架,用最合适的框架