# export_ts

**Repository Path**: Chou_nan/export_ts

## Basic Information

- **Project Name**: export_ts
- **Description**: CocosCreator 3.4.2 脚本导出插件
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 7
- **Created**: 2022-04-19
- **Last Updated**: 2025-08-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Export-TS

【懒人必备】一键为Prefab和Scene资源导出ts脚本，支持绑定节点，提高开发效率！赚取摸鱼时间！！

### ！！环境！！

CocosCreator >= 3.3.0

2.4.8版本请切换到对应分支

### 一、快速使用

初次使用时需要选中要导出脚本的资源，然后使用快捷键

![1](img/1.png)

windows快捷键：alt + s

mac快捷键：ctrl + s

### 二、基础配置

在菜单栏中找到该插件的入口

![2](img/2.png)

#### a、设置
####  :exclamation: 节点命名： {导出标识} {组件导出标识} {节点名}
```
例：导出标识配置为:$  组件缩写对应为 cc.Button->btn_; cc.Sprite->sp_
1、节点名为: testNode ==> 不会导出
2、节点名为: $testNode ==> 导出为：private $testNode: cc.Node = null;
3、节点名为: $btn_testNode ==> 导出为：private $btn_testNode: cc.Button = null;
4、节点名为: $lab_testNode ==> lab_在本例中未找到相关配置 导出为: private $lab_testNode: cc.Node = null;
5、节点名为: $t+e-s=t ==> (标点符号均改为下划线)导出为: private $t_e_s_t
```
![3](img/3.png)
- 导出标识：以导出标识开头命名的节点会被自动添加到脚本中

![4](img/4.png)
- 添加@property：在导出的成员变量上面添加@property，暴露给编辑器
- 自动bind组件：在导出的脚本中给导出的成员自动赋值

![5](img/5.png)

- 组件导出缩写：在此配置了缩写，并且在导出标识后接上缩写命名的节点在导出时会导出为配置的组件。插件中无法拿到引擎所有组件相关字段（也可能是我没找到），所有现在可以配置的组件是在插件文件夹 ***export_ts/config/components.json***中进行配置的，这个需要自行添加，后续考虑同样做出配置面板



#### b、建立关联

![7](img/7.png)

资源和脚本丢失关联了？？不要担心，用这个，选择资源和脚本重新建立关联！！

#### c、修改模板文件
插件文件夹下  _template/ts_ 

![输入图片说明](img/8.png)

### 联系作者

<img src="img/wechat.png" alt="wechat" style="zoom: 25%;" />