游戏开发主程进阶之路|全栈游戏开发之服务器篇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

相关推荐
奔跑的蜗牛ing2 小时前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
christine-rr8 小时前
linux常用命令(4)——压缩命令
linux·服务器·redis
東雪蓮☆8 小时前
深入理解 LVS-DR 模式与 Keepalived 高可用集群
linux·运维·服务器·lvs
乌萨奇也要立志学C++8 小时前
【Linux】进程概念(二):进程查看与 fork 初探
linux·运维·服务器
光影少年8 小时前
Typescript工具类型
前端·typescript·掘金·金石计划
绿箭柠檬茶10 小时前
Ubuntu 服务器配置转发网络访问
服务器·网络·ubuntu
獭.獭.10 小时前
Linux -- 信号【上】
linux·运维·服务器
路由侠内网穿透11 小时前
本地部署 GPS 跟踪系统 Traccar 并实现外部访问
运维·服务器·网络·windows·tcp/ip
ZERO_pan14 小时前
服务器装机遇到的问题
运维·服务器
l1t14 小时前
利用DeepSeek实现服务器客户端模式的DuckDB原型
服务器·c语言·数据库·人工智能·postgresql·协议·duckdb