IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> (第三周)项目搭建与代码解析 -> 正文阅读

[开发工具](第三周)项目搭建与代码解析

1、 创建一个NestJS项目

在终端中输入

nest new project-name 

这里的project-name是自己命名的在这里插入图片描述
终端询问我们想用什么样的包管理,选择npm
在这里插入图片描述

开始安装,整个过程大概需要1分钟左右。安装完备后,显示如下:

在这里插入图片描述
解释:

 cd 项目名 //进入项目
 npm run start//开始运行项目

同时在这里,我们将看见红色字体:

Failed to execute command: git init
Git repository has not been initialized

意思是执行命令失败:git init,主要是因为未初始化git存储库。所以我们需要在电脑上安装配置git.

2、下载、安装并配置Git

1.从git官网上下载自己所需要的安装包,并选择安装路径,这里需要注意几个我们做项目需要用到的组件:

在这里插入图片描述

组件含义:
Additional icons On the Desktop:桌面添加图标
(NEW!)Add a Git Bash Profile to Windows Terminal:将Git Bash的配置文件添加在Windows终端中的配置文件中(这是2.34.1版本新增的功能,省去了自己额外单独添加)

一直按默认的安装,然后点击Next ,点击install,最后点击Finish,安装完成后页面显示:
在这里插入图片描述

git 下载后的 设置

首先你需要设置自己的git账号和邮箱,没有的话去申请一个,网站

因为Git是分布式版本控制系统,所以,每个机器都必须自报家门:你的名字和Email地址。账号申请完成后,打开命令行或者Git Bash,输入
??git config --global user.name “Your Name”,之后回车,再输入
??git config --global user.email email@example.com
??其中Your Name和email@example.com替换成上面注册时的账户名和邮箱。
??命令行下输入和Git Bash下输入均可。
??在这里插入图片描述

继续创建项目

安装完成后,让我们通过输入以下命令将目录更改为新创建的应用程序,首先输入

cd djx

进入项目
在这里插入图片描述

现在应用程序创建好了,可以启动来看看它的运行情况,输入

npm run start

这个命令将启动应用程序,启动一个HTTP服务器,监听PORT 3000
在这里插入图片描述
程序运行完成,可以打开浏览器并导航到http://localhost:3000,我们应该可以看见Hello World!
在这里插入图片描述
观察我们的代码,发现之所以是http://localhost:3000这个地址是因为我们在代码main.ts里,调用的是3000这个端口进行侦听,括号里的数字我们可以修改。

在这里插入图片描述

3、代码分析与举一反三

代码分析

1、在app.module.ts中,我们可以看见代码如下

import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
import { AppService } from './app.service';

@Module({         //类似于装饰器,装饰AppModule
  imports: [],
  controllers: [AppController],   //控制器里面已经写好了路由
  providers: [AppService],
})
export class AppModule {}  //导出AppModule这个类

在这里插入图片描述
2、在app.controller.ts中,我们可以看见代码如下:

import { Controller, Get } from '@nestjs/common';
import { AppService } from './app.service';

@Controller()     //一个控制器里面决定了可以写的路由
export class AppController {    
  constructor(private readonly appService: AppService) {}

  @Get()     //括号里面可以写路径,为空时代表根路径
  getHello(): string {     //返回类型为string,字符型
    return this.appService.getHello();
  }
}

在这里插入图片描述

3、在app.service.ts中,我们可以看见代码如下:

import { Injectable } from '@nestjs/common';

@Injectable()
export class AppService {
  getHello(): string {
    return 'Hello World!';
  }
}

在这里插入图片描述

具体的代码流程如下,
main.ts里面引用了app.module.ts,而app.module.ts里面引用了app.controller.ts,而app.controller.ts又引用了app.service.ts,而app.service.ts就是我们返回Hello World!的代码。

自己尝试

在app.controller.ts中去掉对于app.service.ts的引用,然后Get里面只需返回index的字符。
代码如下:

import { Controller, Get } from '@nestjs/common';


@Controller()
export class AppController {
  

  @Get()
  index(){
    return 'index'
  }
}

在这里插入图片描述

将main.ts侦听端口改为5000,
在这里插入图片描述

打开终端后运行代码:

npm run start:dev

在这里插入图片描述
打开浏览器,输入地址:http://localhost:5000/
得到
在这里插入图片描述
运行成功!

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-03-21 21:12:07  更:2022-03-21 21:15:27 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 5:20:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码