对日开发 TeraTerm ttl脚本开发环境配置
目录
- 一. 简介
- 二. Visual Studio Code 环境配置
- 2.1 安装`Tera Term Language Support`插件
- 2.2 安装`Material Icon Theme`插件
- 2.3 添加`.ttl`脚本关联图标
- 2.4 效果展示
- 三. 文本编辑器高亮脚本
- 3.1 秀丸编辑器
- 3.2 Sakura
- 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图标的名称
"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
⏹安装后的效果