NodeJs 项目启动, Express com Typescript

这是我在 Node Js com Typescript 上发布的系列文章。最初的项目是在项目启动后开始的。瓦莫斯内萨！

视频教程

第 1 部分 - 创建或项目

Vamos abrir nosso 终端和数字。

 bash
mkdir nodets 
cd nodets

Agora temos uma 面食是唯一的项目和邻近项目以及启动应用程序节点或后续命令。

   yarn init -y 

我更喜欢使用 npm

   npm init -y 

Agora 提供了一个 package.json 文件，
可以作为项目所需的依赖项和 Nodejs 执行的脚本或定义的依赖项。

没有终端命令：

cat package.json 

我们接下来会回来

{
  "name": "nodets",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT"
}

第 2 部分 作为依赖安装

Toda aplicação necessita de pacotes específicos connecesse do escopo do projeto, no nosso caso iremos instalar o Express .

Express 框架具有轮转、错误处理和 HTTP 详细信息（获取、放置、更新和删除）等辅助功能。

没有终端命令：

yarn add express && yarn add -D @types/express

安装 Express 并定义 Express 中的拼写错误，以便在打字稿和请求打字稿中进行打印
。

费托伊索埃斯克雷瓦没有终端诺瓦门特

cat package.json 

我们接下来会回来

{
  "name": "nodets",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "express": "^4.17.1"
  },
  "devDependencies": {
    "@types/express": "^4.17.11"
  }

理解新的属性和依赖项，作为项目外的开发依赖项，作为依赖项使用，没有纱线使用标志 -D 没有 npm 使用标志 --save-dev para diffenciarmos as dependentências de发展

需要注意的是，Express 安装需要额外的支持，并且支持 TypeScript 的应用，因此安装 TypeScript 取决于开发。

没有终端命令：

  yarn add -D typescript

没有任何 arquivo package.json 是 DevDepedcies temos 2 propriedades 。

 "devDependencies": {
    "@types/express": "^4.17.11",
    "typescript": "^4.2.4"
  }

第 2 部分 额外支持打字稿

com o Express 和 TypeScript 安装预配置 Typescript 并进行配置，以便在 Typescript 中使用 Typescript 和 Javascript 语言转换器，以便编译（buildar）和语言应用程序该服务器不支持 Javascript。

Vamos crariar esse arquivo de configuração。

没有终端命令：

 bash

yarn tsc --init

您可以使用 json 配置文件：tsconfig.json。

Agora vamos Falar de estrutura inicial de Pastas depois voltamos ao novo tsconfig

您可以使用 Vs Code 进行项目编辑。

Criaremos 是意大利面的源代码和意大利面源代码的源代码，是意大利面应用程序的主要内容，是意大利面的源代码，也是 JavaScript 中的代码编译工具

在 TypeScript 中，您可以使用意大利面 src 来完成所有工作。

没有 seu 编辑器 dentro da Pasta src crie um arquivo server.ts

没有arquivo server.ts escreva o código abaixo Será nosso inicio para entendermos algumas coisas 。

import express from 'express'

import { Router, Request, Response } from 'express';

const app = express();

const route = Router()

app.use(express.json())

route.get('/', (req: Request, res: Response) => {
  res.json({ message: 'hello world with Typescript' })
})

app.use(route)


app.listen(3333, () => 'server running on port 3333')

使用导入定义的类型和参数与 TypeScript 和 Javascript 的使用之间存在差异。 TypeScript 是 JavaScript 的超级集合，它可以解决一些错误和错误，并且可以轻松地进行调试，并且可以很详细地说明如何开始适应的节奏，从而成为主要的产品。

第 3 部分 编辑 tsconfig.json

我将配置两个属性，以配置项目中的意大利面，并在 JavaScript Gerado 上制作意大利面。

Deverá ficar assim o Arquivo :

{
 "outDir": "./dist",
 "rootDir": "./src"
}

属性 a 面食 Dist ao outDir e 面食 src ao rootDir

com isso já podemos fazer nossa primeiro teste verse 功能 o typeScript gerando o JavaScript 。

无终端escreva

 yarn tsc 

使用编辑器来了解 Javascript 与意大利面的区别 👏🏻 👏🏻 👏🏻 👏🏻，我们可以配置 TypeScript。

第 4 部分 Subindo o servidor e escutando as alterações

Agora nós Podemos configurar nossa aplicação para enquanto codamos ela se auto reicia and assim Podemos trabalhar sem a necessidade de ficar subindo toda a hora a applicação 无终端
下载

 yarn add -D ts-node-dev

可以将 Typescript 更改为真实的节奏。

需要安装 package.json 和其他属性。

"scripts": {
  "dev": "ts-node-dev --inspect --transpile-only --ignore-watch node_modules src/server.ts",
  "build": "tsc"
},

o 脚本开发的速度与其他服务器不一样。它是主要的，但主要是应用程序的模块和定义，而不是所有的待办事项，而arquivos是意大利面的node_modules，它的性能和性能都不是很好需要更换武器。

O Script 构建是一种简单的应用程序，TypeScript 与 JavaScript 无关，因此无法进行前面的配置。

集市和终端执行器

yarn dev 

abra seu navegador e pronto sua aplicação 和环境 desenvolvimento está pronto 😻！

这是我们的目标，无需假装启动应用程序 com 轮换和控制器 com TypeScript

吃更多！谢谢。