VS Code也能实现IEC 61131-3结构化文本ST语言的语法高亮与代码片段支持啦！
VS Code也能实现IEC 61131-3结构化文本ST语言的语法高亮与代码片段支持啦！
Hello工控
发布于 2025-12-23 15:03:23
发布于 2025-12-23 15:03:23
我们之前介绍过AI如何实现PLC编程的几种方式：
VS Code + Deepseek API实现一个完整的收放卷项目（含PLC代码）
如何用Cursor AI+DeepSeek来自动编写PLC程序
国内首个AI原生IDE Trae：让PLC程序生成快如闪电！
从自身使用上来说，VS code的IDE是使用最方便的！
年初在尝试VS code结合AI大模型来生成PLC代码，确实大受震撼，未来AI工具的使用将成为我们电气工程师等专业技能，就像会使用电脑打字一样，必须具备，否则必将淘汰。
ST语言语法高亮规则
不知道各位朋友有没有用到AI，那么我最开始尝试的时候，到现在各类牛逼的大模型出来，从最新的代码质量来看，也是越来越好。
当时，生成的代码由于没有其他语言那样的高亮显示，整体给人的阅读体验增加了难度。
关于ST语言的高亮规则，正常打开CODESYS、Twin CAT等支持ST语言的编程软件的时候会自动匹配。但是，VS Code默认是没有高亮显示的。
整体给人的感觉比较压抑，看久了就容易疲劳，针对一些关键信息不便于区分。那么语言的高亮规则，如果VS Code能匹配，那不更好！
所以，我开始查了下具体规则，如下表所示：
ST语言语法高亮规则
语法元素类别 | 描述 | 示例 | 常见高亮颜色/样式 |
|---|---|---|---|
1. 关键字 | 语言本身定义的、具有特殊功能的保留字。 | <code style="color: #569CD6; font-weight: bold">IF</code>, <code style="color: #569CD6; font-weight: bold">THEN</code>, <code style="color: #569CD6; font-weight: bold">END_IF</code><code style="color: #569CD6; font-weight: bold">VAR</code>, <code style="color: #569CD6; font-weight: bold">FUNCTION</code> | 蓝色，通常加粗 |
2. 数据类型 | 定义变量和数据种类的关键字。 | <code style="color: #4EC9B0">BOOL</code>, <code style="color: #4EC9B0">INT</code>, <code style="color: #4EC9B0">REAL</code>, <code style="color: #4EC9B0">STRING</code> | 青绿色 |
3. 运算符 | 执行算术、逻辑、比较等操作的符号。 | <code style="color: #DCDCAA">:=</code>, <code style="color: #DCDCAA">+</code>, <code style="color: #DCDCAA">AND</code>, <code style="color: #DCDCAA">></code> | 黄色 或 沙褐色 |
4. 函数与功能块 | 系统库或用户定义的函数/功能块名。 | <code style="color: #DCDCAA">SIN</code>, <code style="color: #DCDCAA">ABS</code>, <code style="color: #DCDCAA">TON</code> | 黄色 |
5. 字面量 | 代码中直接书写的常数值。 | <code style="color: #B5CEA8">100</code>, <code style="color: #B5CEA8">3.14</code><code style="color: #CE9178">'Hello'</code><code style="color: #569CD6">TRUE</code> | 数字：<span style="color: #B5CEA8">绿色</span>字符串：<span style="color: #CE9178">橙色</span>布尔值：<span style="color: #569CD6">蓝色</span> |
6. 变量 | 用户定义的变量、实例名。 | <code style="color: #9CDCFE">iCounter</code>, <code style="color: #9CDCFE">bMotorStart</code> | 浅蓝色 |
7. 注释 | 被编译器忽略的、用于说明的文本。 | <code style="color: #6A9955; font-style: italic">// 行注释</code><code style="color: #6A9955; font-style: italic">(* 块注释 *)</code> | 灰色/绿色，通常为斜体 |
高亮示例对比
同样的一段代码我们在VS Code中，对比下启用高亮的具体效果：
先来一副没有扩展高亮规则的：
那么，我们启用后：
当然，对于有些朋友，这点不是非常重要的点，所以，有需要的朋友可以参考下面步骤进行设置。
图片
ST语言扩展高亮显示步骤
首先，我们需要用到下方这个ST语言扩展插件：
我们通过侧边栏的扩展图标，搜索：Struct，第一项Structured Text Language Support插件，选择安装即可。默认是自动启动的。
其次，我们需要在下方的语言模式选择对应的语言：
这里选中Structured Text即可：
如果没有这个选项，确定扩展是否安装完成，并且启动，也可以关闭VS Code软件后重新打开，再来操作。
当然，也可以把.st后缀的文件都关联这种高亮显示，同样在这个对话框里面，选中Structured Text即可：
这样所有自动生成的.st文件都能自动匹配扩展插件的高亮风格了。
还有需要说明一点的是，有可能AI生成的代码不一定是.st后缀，那么这里也可以在设置文件里面添加：
具体的使用和解决方案实际上都是AI提供的，上图是我直接问如何使用这个扩展，它给出的详细操作：
这里面的json文件是Ai自动生成的，我只需要确认和保存即可。除了把.st文件后缀的及.iecst和.pou等类型的都用st语言的高亮显示规则。所以，AI真的是我们工程师的福音，再也不需要什么度娘、充值之类了。不仅不用苦苦查询，他还能不断通过对话的方式直到完成目标，简单高效。
好了，本期的分享完成，如果关于ST语言在VS CODE里面的高亮显示有任何问题欢迎留言讨论哦！
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2025-11-25，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
