游戏开发主程进阶之路|全栈游戏开发之服务器篇Nodejs如何使用TypeScript脚本

Hello!大家好!今天小编为大家介绍一下在常规的游戏开发中,如何处理涉及使用服务器的一些相关知识,相信大家在游戏开发中一般涉及到的都是客户端的知识点,那么本文我将简单介绍一下在游戏开发中涉及到的服务器开发知识点帮助大家快速进阶!

本章主要讲解如何使用Nodejs做为游戏服务器开发的相关入门进阶知识点,所以首先需要做一下环境的准备工作如下:

1、Mac或者Windows系统下安装nodejs的开发环境;

2、vs code代码编辑器;

具体效果最终效果图如下:

下面说一下具体的操作步骤:

安装TypeScript

1、打开Mac终端或windows的powershell全局安装typescript

复制代码
npm install -g typescript @types/node

2、安装完成后,可以通过 `tsc -v` 命令来验证 TypeScript 是否正确安装

复制代码
tsc -v

3、初始化项目并安装TypeScript和Node.js的类型文件

复制代码
#初始化项目
npm init -y
#安装TypeScript和Node.js的类型文件
npm install --save-dev typescript @types/node

4、初始化项目

在项目根目录中创建 `tsconfig.json` 文件,并进行如下配置

复制代码
{
    "compilerOptions": {
        "target": "es6",
        "module": "commonjs",
        "sourceMap": true,
        "outDir": "dist/" /* 重定向输出目录 编译生成js文件和.map文件存放在哪个此目录下*/
    },
    "include": ["src/**/*","app.ts"]
}

上述配置指定了 TypeScript 编译器的一些选项,例如编译目标为 ES6 ,模块类型为 commonjs ,生成 sourceMap 等。同时,配置了编译文件的路径。

也可以执行以下命令创建该文件

复制代码
tsc --init

执行完成后,会在项目的根目录下生成一个 `tsconfig.json` 文件。该文件包含了 TypeScript 编译器的配置信息。可以根据实际需求进行修改。

5、编写代码

复制代码
#创建一个app.ts脚本文件
touch app.ts

编写具体测试代码内容

复制代码
export function sayHello(name: string) {
    console.log(`Hello, ${name}!`);
}
sayHello('Tom');

6、编译代码

复制代码
#项目文件夹下执行编译成对应的js文件
tsc
#编程生成之后比如app.ts编译生成了app.js
#执行node app.js
node app.js

7、也可配置package.json中的scripts项目如下

复制代码
"scripts": {
    "js-start": "tsc && node dist/app.js",
    "ts-start": "npx ts-node app.ts"
  },

8、配置完成package.json的scripts项之后可以终端执行如下

复制代码
#同时执行过tsc编译为了app.js脚本并执行
npm run js-start
#或者直接执行app.ts
npm run ts-start

9、使用ts-node和npx在开发过程中直接运行ts文件

复制代码
##npx 可以使用户在不安装全局包的情况下,运行已安装在本地项目中的包或者远程仓库中的包。高版本npm会自带npx命令
#全局安装ts-node
npm install -g ts-node
#如果你想要在项目中使用ts-node而不是全局安装,可以将其添加为开发依赖
npm install --save-dev ts-node

#简单在项目package.json中配置scripts项
{
  "scripts": {
    "start": "ts-node your-script.ts"
  }
}

#终端直接运行
npm start

以上就是使用nodejs服务器开发时如何使用typescript脚本作为代码编写语言的具体操作使用说明

请关注微信公众号GFanStudio回复 "ts" 即可获得项目工程下载地址;具体教学视频请关注B站Up主GFanStudio

另外也可以添加QQ技术交流群:1038743340

相关推荐
博语小屋14 小时前
Reactor、epoll下设计一个简单的网络版本计算器
服务器·开发语言·网络·网络协议·http·php
雪碧聊技术14 小时前
如何查看、登录服务器上的redis服务?Redis 运维速查:从连接认证到数据查询的全链路解析
linux·服务器·命令行·缓存数据库
乐思项目管理14 小时前
OpenClaw 在一次服务器入侵应急中的实战复盘
运维·服务器
小周学学学14 小时前
vmware的python自动化:批量克隆虚拟机
运维·服务器·python·自动化·vmware
kim_puppy14 小时前
网络初识相关
运维·服务器·网络
努力的lpp14 小时前
小迪安全第8天:基础入门-算法分析 & 传输加密 & 数据格式 & 密文存储 & 代码混淆 & 逆向保护
服务器·网络·apache
同聘云14 小时前
阿里云国际服务器动态IP连不上是怎么回事?服务器的ip地址怎么查?
服务器·tcp/ip·阿里云
闭关苦炼内功14 小时前
鱼皮用户中心项目 ant design pro v5.2.0 前端框架 添加分析页 报错 Umi UI 报错:连接失败,请尝试重启 dev 服务
前端框架·nodejs·ant-design-pro
男孩李15 小时前
浅谈Linux上安装 PostgreSQL数据库
linux·运维·服务器
Magic--15 小时前
Linux exec进程替换详解
linux·运维·服务器