怎样选择正确的Node框架：Next, Nuxt, Nest?

为了快速入门，Nuxt.js团队建设了脚手架器材 create-nuxt-app     

// 确保安装了npx（npx在NPM版本5.2.0默认安装了）  
        npx create-nuxt-app <项目名> 

它会让你举办一些选择:在集成的处事器端框架如:Express、Koa、Hapi、Feathers、Micro、Adonis (WIP)；选择您喜好的UI框架:Bootstrap、Vuetify、Bulma、Buefy等等

•  Hello World

Nuxt依据 pages 目次布局自动天生 vue-router 模块的路由设置     

// ./pages/index.vue  
        <template>  
          <div>  
            <h1>Hello world!</h1>  
            <NLink to="/about">  
              About Page  
            </NLink>  
          </div>  
        </template> 

•  甜头
  •   它的首要范畴是UI渲染，同时抽象出客户端/处事器漫衍
  •   静态渲染、前后疏散
  •   自动代码分层
  •   处事、模板皆可设置
  •   项目布局清楚
  •   组件与页面无缝切换
  •   默认支持得ES6 / ES7
  •   支持开拓烧更新
  •   路由级此外异步数据获取
  •   支持静态文件处事
  •   样式预处：Sass，Less，Stylus等
•  弱点
  •   周边资源较少
  •   开拓伟大的组件也许会很贫困
  •   自界说设置显得很贫困
  •   许多具有副浸染的数据操纵this.items[key]=value
  •   高流量也许会给处事器带来压力
  •   只能在某些挂钩中查询和操纵DOM

•     机能

Nuxt中的根基HelloWorld应用。每秒能处理赏罚190.05个哀求。均匀一个哀求时刻为52.619毫秒。在此怀抱尺度上，Nuxt与其他两个框架对比示意最差

  Lighthouse测试陈诉中Preformance、Accessibility、SEO三项中得分最高

•  社区活泼
  •   孝顺者数目：191
  •   Pull Requests：1,385

Nest

Nest是一个渐进式Node框架,深受Angular的开导。用于构建高效，可扩展的Node.处事器端应用措施的框架。行使TypeScript构建,保存与纯JS的兼容性，集OOP（面向工具编程）,FP（函数式编程）,FRP（相应式编程）一身。处事引擎盖默认行使Express但也提供与各类其他库的兼容性，譬喻Fastify，应承轻松行使可用的无数第三方插件

•     安装

nest提供cli行使该cli呼吁安装Nest并建设新项目     

npm i @nestjs/cli  
       nest new project-name 

可能，行使Git安装TypeScript启动项目：   

git clone https://github.com/nestjs/typescript-starter.git project  
      cd project  
      npm install  
      npm run start 

•     Hello World

行使该npm cli呼吁建设新项目后,src目次下会呈现几个焦点文件，main.ts是我们的进口     

// 建设一个处事然后监听3000端口  
       import { NestFactory } from '@nestjs/core';  
       import { ApplicationModule } from './app.module';      
        async function bootstrap() {  
         const app = await NestFactory.create(ApplicationModule);  
         await app.listen(3000);  
       }  
       bootstrap();       
        // 启动起来   
       npm start 

•  甜头
  •   作为基于TypeScript的Web框架，可以举办严酷的范例界说
  •   自动天生Swagger文档
  •   Nest中的文件夹布局首要基于Angular
  •   基于模块的框架，代码可复用
  •   项目布局清楚,只必要存眷营业无需存眷架构
  •   行使最新版本的TypeScript，意味着JS的型特征根基都可用
  •   为开拓职员提供更少的上下文切换。从Angular代码到Nest的过渡相对轻易
  •   与Angular相同，Nest也有一个不错的呼吁行器材

•  弱点
  •   缺乏文档。该框架与其他框架有很好的集成，但文档很少
  •   背后没有大型企业的支持力
  •   总体而言，与其他框架对比，Nest的社区局限较小

•     机能

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!