VUE3来了,你用了NestJS了吗?(一)

VUE3开发已经进入了尾声,即将在8月底正式亮相,好多同学直呼学不动了,前端越来越大,已经不单单是做个前端。前端要做的太多,再加上微信小程序、APP混合开发、NativeAPP、Electron等等,前端的工作已经不简单是做PC页面和交互。现在又兴起的flutter更是让很多人爱恨交加

吐槽归吐槽,还是得学,不然会被后浪拍死在沙滩上

Node.js已经在很多小应用使用起来,目前基本使用都是javascript依附于ES(X)标准,express、koa是我们使用的后端开发应用框架,后面用到VUE3做开发,用上了TS,估计很多同学还没怎么用过这个框架

NestJS

爱上了Typescript,我们使用这个兼容 TypeScript 和纯 JavaScript的框架。利用最新的语言功能,所以要使用原生的 JavaScript 框架,我们需要一个 Babel 编译器。

安装过程啥的自行百度,这点小事儿难不倒咱技术人儿

创建一个项目

npm

$ npm i -g @nestjs/cli
$ nest new project-name

yarn

$ yarn global add @nestjs/cli
$ nest new project-name

创建完项目,有这些文件

src
├── app.controller.ts   // 带有单个路由的基本控制器示例
├── app.module.ts       // 应用程序的根模块
└── main.ts             // 应用程序入口文件。它使用NestFactory用来创建 Nest 应用实例

main.ts包含一个异步函数,它负责引导我们的应用程序

import { NestFactory } from '@nestjs/core';
import { ApplicationModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(ApplicationModule);
  await app.listen(3000);
}
bootstrap();

使用NestFactory核心类,暴露一些静态方法用于创建应用实例。create()方法返回一个实现INestApplication接口的对象, 并提供一组可用的方法。在上面的main.ts示例中,我们只是启动 HTTP 服务器,它允许应用程序等待入站 HTTP 请求

Nest 可以在创建适配器后使用任何 Node HTTP 框架。 有两个支持开箱即用的 HTTP 平台:express 和 fastify。

无论使用哪种平台,它都会暴露自己的应用程序界面。 它们分别被视为 NestExpressApplication 和 NestFastifyApplication。

将类型传递给 NestFactory.create() 方法时,如下例所示,app 对象将具有专用于该特定平台的方法。 但是,请注意,除非您确实要访问底层平台API,否则无需指定类型

const app = await NestFactory.create<NestExpressApplication>(ApplicationModule);

启动NestJS应用

$ npm run start

此命令在src目录中的main.ts文件中定义的端口上启动 HTTP 服务器。在应用程序运行时, 打开浏览器并访问http://localhost:3000/。 你应该看到Hello world!信息

阅读 442

推荐阅读