潍坊潍城姓王的做网站广州网站关键词推广
目录
- 一. 简介
- 二. 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-Resourceshttps://github.com/lindhardt/TeraTerm_TTL_Language_file
⏹安装后的效果
