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

相关推荐
breeze jiang2 小时前
React + TypeScript 编辑表单:为什么要区分 name 和 editingName
前端·typescript
未知违规用户3 小时前
大模型项目: 学习FastAPI 服务器开发
服务器·人工智能·python·学习·fastapi
ljj2535575051__3 小时前
LVS(Linux virual server)
服务器·网络·lvs
Ivan CloudBay3 小时前
服务器关机后,网站会发生什么?
运维·服务器
程序员小崔日记10 小时前
20块钱注册一年 .COM 域名!Spaceship 最新优惠教程,支付宝即可付款(附优惠码)
服务器·腾讯云·域名
实心儿儿12 小时前
Linux —— 进程间关系和守护进程
linux·运维·服务器
林浅不想努力12 小时前
LVS知识点总结
服务器·云原生·lvs
Dawn-bit13 小时前
Linux磁盘管理详解
linux·运维·服务器·计算机网络·云计算
三言老师17 小时前
CentOS7.9:Redis‑Cluster集群部署结构化实战教程
linux·运维·服务器·数据库
gis开发之家18 小时前
《Vue3 从入门到大神40篇》Vue3 源码详解(十):diff 算法全解析 —— 为什么 Vue3 比 Vue2 更快?
javascript·算法·typescript·前端框架·vue3·vue3源码