数化软件文档 数化软件文档
  • OpenZIAPI

    • OpenZIAPI产品说明
    • 工程初始化构建
    • 本地启动
    • 云渲染启动及守护进程
    • 工程打包操作手册
    • 项目配置介绍
    • 虚幻开发环境
    • TS开发环境
    • 集成到现有项目
    • 开启或关闭Tips弹窗
    • API值域范围修改
    • API天气系统美术调试
    • API天气系统模板制作参考
    • 蓝图调用API接口使用
    • 配置关卡及网页加载
    • 网页调用API接口使用
  • OpenZIEditor

    • OpenZIEditor产品说明
    • 工程初始化构建
    • 本地启动
    • 云渲染启动及守护进程
    • 工程打包操作手册
    • 项目配置介绍
    • 虚幻开发环境
    • TS开发环境
    • 集成到现有项目
    • 场景(Scene)创建加载保存改名
    • 调用添加API接口
    • 设置Setting界面
    • 数字孪生体
    • 添加使用自定义配置
    • 预制体
    • 资源编辑
    • 自定义资源打包
  • 关卡

    • 关卡管理
    • 坐标系
  • 环境

    • 天气调节
    • 天气系统
  • 交互

    • 控制器管理
    • Axes轴管理
    • CesiumPawn管理
  • 图层

    • Cesium地形服务管理
    • Cesium影像服务管理
    • Cesium_3dTileset服务管理
  • 标绘

    • 标绘
    • 标绘点
    • 标绘线
    • 标绘面
    • 窗口管理
    • 地理围栏
    • 光流线
    • 箭头线
    • 屏幕坐标
    • 三维叠加
    • 预警点位
    • OD线
    • POI打点管理
    • 单个种植
    • 沿线种植
    • 笔刷种植
  • 分析

    • 测量
    • 测量距离
    • 测量面积
    • 测量坐标点
    • 单值柱状图
    • 镜头漫游
    • 可视域分析
    • 热力图
    • 热力线
    • 数值柱状图
    • 天际线
  • 编辑器

    • 自定义场景
    • 网页
    • 预制体
    • 数字孪生体
  • 其他

    • 控制台指令
    • Actor管理
    • API管理
  • 产品开发

    • 产品流程全景图
    • 继承C++类开发API
    • 蓝图增量开发方式
    • 美术场景控制开发
    • 使用蓝图Mixin功能开发API
    • 使用MVVM模式开发新的API
    • APIMVVM
    • C++增量开发
    • IHandle
    • MVVM模式
    • OpenZIAPI
    • TS文件目录介绍
    • VsCode配置PuerTS
    • WEB页面集成方式
    • WebStrom配置PuerTS
商用授权
返回官网 (opens new window)
  • OpenZIAPI

    • OpenZIAPI产品说明
    • 工程初始化构建
    • 本地启动
    • 云渲染启动及守护进程
    • 工程打包操作手册
    • 项目配置介绍
    • 虚幻开发环境
    • TS开发环境
    • 集成到现有项目
    • 开启或关闭Tips弹窗
    • API值域范围修改
    • API天气系统美术调试
    • API天气系统模板制作参考
    • 蓝图调用API接口使用
    • 配置关卡及网页加载
    • 网页调用API接口使用
  • OpenZIEditor

    • OpenZIEditor产品说明
    • 工程初始化构建
    • 本地启动
    • 云渲染启动及守护进程
    • 工程打包操作手册
    • 项目配置介绍
    • 虚幻开发环境
    • TS开发环境
    • 集成到现有项目
    • 场景(Scene)创建加载保存改名
    • 调用添加API接口
    • 设置Setting界面
    • 数字孪生体
    • 添加使用自定义配置
    • 预制体
    • 资源编辑
    • 自定义资源打包
  • 关卡

    • 关卡管理
    • 坐标系
  • 环境

    • 天气调节
    • 天气系统
  • 交互

    • 控制器管理
    • Axes轴管理
    • CesiumPawn管理
  • 图层

    • Cesium地形服务管理
    • Cesium影像服务管理
    • Cesium_3dTileset服务管理
  • 标绘

    • 标绘
    • 标绘点
    • 标绘线
    • 标绘面
    • 窗口管理
    • 地理围栏
    • 光流线
    • 箭头线
    • 屏幕坐标
    • 三维叠加
    • 预警点位
    • OD线
    • POI打点管理
    • 单个种植
    • 沿线种植
    • 笔刷种植
  • 分析

    • 测量
    • 测量距离
    • 测量面积
    • 测量坐标点
    • 单值柱状图
    • 镜头漫游
    • 可视域分析
    • 热力图
    • 热力线
    • 数值柱状图
    • 天际线
  • 编辑器

    • 自定义场景
    • 网页
    • 预制体
    • 数字孪生体
  • 其他

    • 控制台指令
    • Actor管理
    • API管理
  • 产品开发

    • 产品流程全景图
    • 继承C++类开发API
    • 蓝图增量开发方式
    • 美术场景控制开发
    • 使用蓝图Mixin功能开发API
    • 使用MVVM模式开发新的API
    • APIMVVM
    • C++增量开发
    • IHandle
    • MVVM模式
    • OpenZIAPI
    • TS文件目录介绍
    • VsCode配置PuerTS
    • WEB页面集成方式
    • WebStrom配置PuerTS
商用授权
返回官网 (opens new window)
  • 在线文档
  • 开发文档
OpenZIProject
2024-03-14
目录
一、首先,我们在JsEnv环境创建的时候 以官方脚本
二、关闭PuerTS默认的系统Debug选项
三、WebStrom侧 右上角 新建一个Configuration
四、在后上角上选择刚才创建的 配置
五、在WebStrom Setting上 选择Languages&Frameworks->TypeScript 并勾选 Recompile on changes
六、确认项目目录文件夹上tsconfig.json 的项目目录和生成JS文件目录没有出错,以官方示例为例
七、启动WebStrom调试 下断点 可触发
八、注意

WebStrom配置PuerTS

一般我们开发的时候 PuerTs 采用了VsCode一套配置,我们当然也可以使用WebStrom做为我们默认的开发调试工具 以WebStorom为例:

# 一、首先,我们在JsEnv环境创建的时候 以官方脚本

https://github.com/chexiongsheng/puerts_unreal_demo/blob/master/Source/puerts_unreal_demo/TsGameInstance.cpp

// Fill out your copyright notice in the Description page of Project Settings.


#include "TsGameInstance.h"

void UTsGameInstance::Init()
{
}

void UTsGameInstance::OnStart()
{
    GameScript = MakeShared<puerts::FJsEnv>();
    //GameScript = MakeShared<puerts::FJsEnv>(std::make_unique<puerts::DefaultJSModuleLoader>(TEXT("JavaScript")), std::make_shared<puerts::FDefaultLogger>(), 8080);
    //GameScript->WaitDebugger();
    TArray<TPair<FString, UObject*>> Arguments;
    Arguments.Add(TPair<FString, UObject*>(TEXT("GameInstance"), this));
    GameScript->Start("QuickStart", Arguments);
}

void UTsGameInstance::Shutdown()
{
    GameScript.Reset();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

修改调试的脚本 注释其中的 GameScript行并取消注释再下面两行

void UTsGameInstance::OnStart()
{
    //GameScript = MakeShared<puerts::FJsEnv>();
    GameScript = MakeShared<puerts::FJsEnv>(std::make_unique<puerts::DefaultJSModuleLoader>(TEXT("JavaScript")), std::make_shared<puerts::FDefaultLogger>(), 8080);
    GameScript->WaitDebugger(2.0f);
    TArray<TPair<FString, UObject*>> Arguments;
    Arguments.Add(TPair<FString, UObject*>(TEXT("GameInstance"), this));
    GameScript->Start("QuickStart", Arguments);
}

1
2
3
4
5
6
7
8
9
10

# 二、关闭PuerTS默认的系统Debug选项

图片1

系统的设置开启会引起相关冲突,必须在开启脚本内Dubug时候,将其关闭

# 三、WebStrom侧 右上角 新建一个Configuration

选择Attach to Node.js/Chrom 选项 并起名示例为 "TypeScript"

图片1

填写Name、Host、Port、并勾选 Reconnect automayically

图片1

# 四、在后上角上选择刚才创建的 配置

图片1

# 五、在WebStrom Setting上 选择Languages&Frameworks->TypeScript 并勾选 Recompile on changes

图片1

# 六、确认项目目录文件夹上tsconfig.json 的项目目录和生成JS文件目录没有出错,以官方示例为例

图片1

这时新建一个TS文件或修改一个TS文件会对于自动生成、更新一个js文件

图片1

# 七、启动WebStrom调试 下断点 可触发

图片1

# 八、注意

1、勾选WebStrom中的自动重连 开启UE编辑器运行时 会自动启动WebStrom调试,非常方便

图片1

2、UE的启动JSEnv时候等待Debugger时候可以给一个超时时间,经验来说2秒比较合适,如果有自动重连或忘记启动调试 都可以正常运行

图片1
Theme by Vdoing | Copyright © 2022-2025 OpenZI数化软件 | 成都曾自科技有限公司 | 蜀ICP备2022026689号-1 | 川公网安备 51015602000460号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式