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

9 篇文章 0 订阅
3 篇文章 0 订阅

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

图片

图片

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Node.js全栈开发是指使用Node.js技术栈进行前后端开发的一种方式。下面是从入门到精通的步骤: 1. 入门阶段: - 学习JavaScript基础知识:了解JavaScript的语法、数据类型、函数等基本概念。 - 学习Node.js基础知识:了解Node.js的特点、安装配置、模块系统、事件驱动等基本概念。 - 学习Express框架:Express是Node.js最常用的Web应用框架,学习其基本用法和路由处理等。 2. 后端开发: - 学习数据库:掌握关系型数据库(如MySQL)或非关系型数据库(如MongoDB)的基本操作和使用。 - 学习RESTful API设计:了解如何设计和实现符合RESTful风格的API接口。 - 学习中间件:掌握Express中间件的使用,如身份验证、日志记录等。 - 学习数据验证和安全性:了解如何对用户输入进行验证和防止常见的安全漏洞。 3. 前端开发: - 学习HTML/CSS/JavaScript:掌握前端基础知识,包括页面布局、样式设计和交互效果等。 - 学习前端框架:掌握常用的前端框架,如React、Vue等,以及它们与Node.js的配合使用。 - 学习前端工具:了解构建工具(如Webpack)、包管理器(如npm)等前端开发工具的使用。 4. 全栈整合: - 学习前后端通信:了解前后端数据交互的方式,如AJAX、WebSocket等。 - 学习前后端分离:掌握前后端分离的开发模式,通过API接口实现前后端的解耦。 - 学习部署和调试:了解如何将Node.js应用部署到服务器,并进行调试和性能优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GFanStudio-LeeSir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值