网站首页 > 技术文章 正文
NestJS 入门到实战 前端必学服务端新趋势
获课:jzit.top/212/
获取ZY↑↑方打开链接↑↑
介绍一下 第一个nestjs应用: Hello World
NestJS 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的框架,它使用 TypeScript 并结合了面向对象编程、函数式编程和函数式响应式编程的元素。以下是创建第一个 NestJS “Hello World” 应用的详细步骤:
1. 环境准备
确保你已经安装了 Node.js 和 npm(Node.js 包管理器)。同时,为了更好地使用 NestJS 的特性,建议安装 TypeScript 全局环境:
收起
bash
npm install -g typescript
2. 创建新的 NestJS 项目
使用 Nest CLI(命令行界面)来创建一个新的 NestJS 项目。如果没有安装 Nest CLI,可以通过以下命令安装:
收起
bash
npm i -g @nestjs/cli
然后,使用以下命令创建一个新项目:
收起
bash
nest new hello-world
这个命令会创建一个名为
hello-world
的新 NestJS 项目,并安装所有必要的依赖。
3. 理解项目结构
创建完成后,进入项目目录:
收起
bash
cd hello-world
项目的基本结构如下:
- src/:包含应用的源代码。
- app.controller.ts:处理 HTTP 请求的控制器。
- app.module.ts:应用的根模块。
- app.service.ts:包含应用的业务逻辑。
- app/:包含应用的核心模块和控制器等。
- main.ts:应用的入口文件。
- test/:包含测试相关的文件。
- package.json:项目的依赖和脚本配置文件。
4. 创建 Hello World 控制器
打开
src/app/app.controller.ts
文件,内容如下:
收起
typescript
import { Controller, Get } from '@nestjs/common';@Controller()export class AppController { @Get() getHello(): string { return 'Hello World!'; }}
这里:
- @Controller() 装饰器定义了一个控制器类。
- @Get() 装饰器定义了一个处理 HTTP GET 请求的方法。
- getHello 方法返回字符串 Hello World!。
5. 运行应用
在项目根目录下,使用以下命令启动应用:
收起
bash
npm run start:dev
这个命令会启动 NestJS 应用,并监听在默认端口
3000
。
6. 访问应用
打开浏览器,访问
http://localhost:3000
,你会看到页面上显示
Hello World!
。
7. 代码解释
- @Controller 装饰器:用于定义一个控制器类,它是处理 HTTP 请求的主要组件。
- @Get 装饰器:用于定义一个处理 GET 请求的方法。NestJS 还提供了其他装饰器,如 @Post、@Put、@Delete 等,用于处理不同类型的 HTTP 请求。
- 模块(Module):NestJS 使用模块来组织和管理应用的不同部分。app.module.ts 是应用的根模块,它负责导入和导出不同的组件,如控制器、服务等。
通过以上步骤,你就成功创建了第一个 NestJS “Hello World” 应用。这个简单的例子展示了 NestJS 的基本结构和如何创建一个处理 HTTP 请求的控制器。
- 上一篇: React新手避坑指南:资深前端专家的17条实战建议
- 下一篇: 干货|50个web前端全方位实战项目
猜你喜欢
- 2025-01-18 云端卫士实战录 React + Redux 前端项目实践
- 2025-01-18 MyBatis 插件原理与实战
- 2025-01-18 字节跳动3-3大牛力荐!RabbitMQ实战指南:消息队列面试必刷手册
- 2025-01-18 阿里大数据专家用实战经验总结的一份Apache Kylin实战(PDF)
- 2025-01-18 分布式事务实战:用Go轻松完成一个TCC
- 2025-01-18 Webpack5 入门与实战,前端开发必备技能无密今朝岁起东
- 2025-01-18 Django实战017:django+vue+redis项目
- 2025-01-18 基于Vue和Quasar的前端SPA项目实战 免费开源(一)
- 2025-01-18 成为一名合格的前端架构师,前端知识技能与项目实战教学
- 2025-01-18 腾讯大数据专家首次分享这份Spark实战指南(PDF)
你 发表评论:
欢迎- 576℃几个Oracle空值处理函数 oracle处理null值的函数
- 573℃Oracle分析函数之Lag和Lead()使用
- 559℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 557℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 552℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 543℃【数据统计分析】详解Oracle分组函数之CUBE
- 531℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 527℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)