对日开发 TeraTerm ttl脚本开发环境配置

[一. 简介](#一. 简介)
[二. Visual Studio Code 环境配置](#二. Visual Studio Code 环境配置)
- [2.1 安装`Tera Term Language Support`插件](#2.1 安装Tera Term Language Support插件)
- [2.2 安装`Material Icon Theme`插件](#2.2 安装Material Icon Theme插件)
- [2.3 添加`.ttl`脚本关联图标](#2.3 添加.ttl脚本关联图标)
- [2.4 效果展示](#2.4 效果展示)
[三. 文本编辑器高亮脚本](#三. 文本编辑器高亮脚本)
- [3.1 秀丸编辑器](#3.1 秀丸编辑器)
- [3.2 Sakura](#3.2 Sakura)
- [3.3 notepad++](#3.3 notepad++)

一. 简介

💪 TeraTerm提供了一种名为Tera Term Language (TTL)的宏脚本，脚本中提供了很多命令，能帮助我们更加方便的与终端进行交互。

😵可直接用普通的文本编辑器进行脚本开发的话，并没有语法提示，并且整个脚本也没有语法高亮，开发起来对眼睛很不友好。

🤔本篇文章会简单介绍几款编辑器，通过配置文件或插件的方式，方便我们开发ttl脚本。

二. Visual Studio Code 环境配置

2.1 安装`Tera Term Language Support`插件

该插件提供了ttl脚本的语法高亮
还提供了代码提示补足

⏹插件的Github地址
https://github.com/SamHurne/vscode-teraterm-lang

2.2 安装`Material Icon Theme`插件

该插件会根据编程语言匹配响应的图标
由于ttl脚本语言，较为小众，官方并没有提供对应的图标
我们可以通过修改配置文件，自行添加ttl脚本对应的图标

2.3 添加`.ttl`脚本关联图标

⏹在下面的路径下创建一个名称为 icons 的文件夹
C:\Users\用户名\.vscode\extensions\icons

⏹然后将脚本的svg图标给放到文件夹中，一定要是svg格式，其他格式不可以

⏹下面的网站可以实现 png 转换为 svg
https://products.aspose.app/pdf/zh/conversion/png-to-svg

⏹找到下面的配置文件
C:\Users\用户名\AppData\Roaming\Code\User\settings.json

添加下面的配置

※ttl_file_icon是我们的svg图标的名称

json 复制代码

"material-icon-theme.files.associations": {
    "*.ttl": "../../icons/ttl_file_icon"
},

2.4 效果展示

三. 文本编辑器高亮脚本

3.1 秀丸编辑器

⏹从下面的官网获取高亮配置文件

部分关键字的颜色显示可能不够美观，自己根据需求进行调整
这篇文章详细的介绍了秀丸编辑器的用法 → 对日开发秀丸文本编辑器使用技巧

https://hide.maruo.co.jp/lib/hilight/teratermmacro.html

3.2 Sakura

⏹从Sakura编辑器的官网上可以看到，编辑器本身提供了高亮等配置文件，只是很多年都不更新了

如果有新语法增加，或者旧语法淘汰的话，自己根据需求对配置文件进行修改

https://sakura-editor.github.io/help/HLP000005.html

⏹效果

3.3 notepad++

⏹高亮配置文件获取

https://github.com/TeraTermProject/teraterm/wiki/Contributed-Resources
https://github.com/lindhardt/TeraTerm_TTL_Language_file

⏹安装后的效果