Узлы
Nodejs — это серверный язык. Мы используем его со многими фреймворками для создания серверных API и многих других функций.
Экспресс
Express — это, по сути, фреймворк на стороне сервера. Он упрощает работу разработчика по быстрому созданию сервера и API-интерфейсов с помощью фреймворка Express.
Типографический текст
Typescript является надмножеством JavaScript. Мы можем использовать его как с интерфейсом, так и с сервером. Это объектно-ориентированный язык программирования. Он разработан Microsoft.
Структура папок
Шаг 1. Создайте каталог проекта.
позволяет создать новую папку в любом месте на вашем компьютере и дать имя по своему выбору для этой папки. Я даю имя своему каталогу Nodejs-typescript.
Шаг 2. Откройте папку в коде Visual Studio.
Откройте окно терминала в коде Visual Studio, используя раскрывающийся список или команду.
С помощью команды:
CTRL + `
Но вы должны убедиться, что находитесь в каталоге папки проекта. После этого:
сначала установите файл Packet.json.
что такое файл package.json.
С моих слов на слуху проект NodeJS. Если вам нужна какая-либо зависимость, сначала мы устанавливаем ее в файл package.json. давайте установим файл package.json
С помощью этой команды:
npm init --y
Шаг 3: позволяет установить зависимость разработки машинописного текста.
Установив зависимость разработки машинописного текста в наш основной файл package.json.
С помощью команды:
npm i -D typescript
Шаг 4. Добавьте папку с именем компилятора и index.ts.
Создайте новую папку с именем компилятора в папке корневого каталога. После этого создайте файл с именем index.ts в папке корневого каталога, а не в папке компилятора.
Шаг 5. Добавление файла tsconfig в наш проект.
Tsconfig используется для запуска машинописного кода в нашем проекте.
Перейдите в терминал и выполните команду:
npx tsc --init
После выполнения этой команды вы увидите сообщение в своем терминале: message TS6071: успешно создан файл tsconfig.json.
Поздравляем, вы сделали 80% работы
Шаг 6. Теперь сделайте файл tsconfig готовым.
Откройте файл Tsconfig.json и измените его в соответствии с требованиями. В файле Tsconfig раскомментируйте эти две строки 17 и 18, а в строке 17 вы пишете имя папки компилятора.
В файле видим эти две строчки:
// “outDir”: “./”, /* Redirect output structure to the directory. */ // “rootDir”: “./”, /* Specify the root directory of input files. Use to control the output directory structure with — outDir. */
Превратиться в
“outDir”: “./compiler”, /* Redirect output structure to the directory. */ “rootDir”: “./”, /* Specify the root directory of input files. Use to control the output directory structure with — outDir. */
Шаг 7: переходим к нашему файлу index.ts
давайте перейдем к вашему файлу index.ts и напишем простой код
const myname = “Alex hales”;
Шаг 8. Запускаем компилятор
Откройте терминал и напишите команду
npx tsc — watch
После успешного выполнения команды перейдите в папку вашего компилятора и проверьте один файл, созданный с именем index.js. Этот файл создается файлом tsconfig.json, потому что в этом файле мы инициализируем корень папки. Этот файл обновляется каждый раз, когда наш проект компилируется с использованием флага — watch.
Шаг 9: установим экспресс-узел и файл объявления типа для сервера.
давайте установим экспресс и декларацию типа. Мы используем объявление типа для предоставления типов пакету NodeJS с расширением файла .d.ts.
С помощью команды:
npm install express npm install -D @types/express
Шаг 10: создание нашего первого экспресс-приложения с машинописным текстом
давайте добавим этот простой код в наш проект. Откройте файл index.ts и добавьте код для создания конечной точки API и прослушивания нашего приложения.
вставьте этот код в файл index.ts
import express from ‘express’ //importing express const app = express(); //making instance of app using express const port = process.env.PORT || 3000; //inilizing port number //making api end point app.get(“/”, (req, res) => { res.end(‘Congratulation your first Nodejs project working with typescript’) }) //listening our app app.listen(port, () => { console.log(`App listen on PORT:${port}`) })
Шаг 10: устанавливаем nodemon
Используя это, мы не можем запускать команду несколько раз после изменения кода в нашей программе.
команда:
npm i — save nodemon
шаг 11: давайте изменим наш файл package.json
В файле package.json перейдите в раздел скриптов:
“scripts”: { “test”: “echo \”Error: no test specified\” && exit 1" }
Превратиться в
“scripts”: { “test”: “echo \”Error: no test specified\” && exit 1" “start”:”node compiler/index.js” “dev”:”tsc -w & nodemon compiler/index.js” }
затем перейдите в терминал и выполните команду
npm run dev
коснитесь руки, чтобы поставить лайк, и подпишитесь, чтобы увидеть еще больше прекрасного контента
исходный код: