如何设置VSCode让Nginx配置文件在编辑时实现语法高亮显示?

2026-05-06 14:420阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计835个文字,预计阅读时间需要4分钟。

如何设置VSCode让Nginx配置文件在编辑时实现语法高亮显示?

打开VSCode,默认打开`nginx.conf`文件。这是一个纯文本文件,不是你配置错误的,而是它根本没被承认是Nginx的配置文件。这是Nginx配置的问题,你需要手动告知它使用何种语法来解析。

装哪个扩展才真正起作用

只认 hollowtree.nginx-conf 这一个:作者是 hollowtree,ID 是 nginx-conf。别选 language-nginx(已归档)、mrmlnc.nginx(停更多年)、nginx-formatter(只有格式化,不带高亮)。

  • 安装后必须重启 VSCode,或按 Ctrl+Shift+P 输入 Developer: Reload Window 重载
  • 装完不会自动生效——它只是“备好了语法”,还没被调用
  • 该插件支持 stream 块、mapjs_import 等 Nginx 1.25+ 新指令,但不提供跨域提示(比如 add_header 'Access-Control-Allow-Origin' '*' 不会标黄)

为什么右下角还是 Plain Text

点击右下角语言标识(如 Plain Text),输入 Nginx(首字母大写,不是 nginxNGINX)。如果没出现,说明插件未激活;如果出现了但点完又变灰,说明只是临时切换,没做持久关联。

阅读全文

本文共计835个文字,预计阅读时间需要4分钟。

如何设置VSCode让Nginx配置文件在编辑时实现语法高亮显示?

打开VSCode,默认打开`nginx.conf`文件。这是一个纯文本文件,不是你配置错误的,而是它根本没被承认是Nginx的配置文件。这是Nginx配置的问题,你需要手动告知它使用何种语法来解析。

装哪个扩展才真正起作用

只认 hollowtree.nginx-conf 这一个:作者是 hollowtree,ID 是 nginx-conf。别选 language-nginx(已归档)、mrmlnc.nginx(停更多年)、nginx-formatter(只有格式化,不带高亮)。

  • 安装后必须重启 VSCode,或按 Ctrl+Shift+P 输入 Developer: Reload Window 重载
  • 装完不会自动生效——它只是“备好了语法”,还没被调用
  • 该插件支持 stream 块、mapjs_import 等 Nginx 1.25+ 新指令,但不提供跨域提示(比如 add_header 'Access-Control-Allow-Origin' '*' 不会标黄)

为什么右下角还是 Plain Text

点击右下角语言标识(如 Plain Text),输入 Nginx(首字母大写,不是 nginxNGINX)。如果没出现,说明插件未激活;如果出现了但点完又变灰,说明只是临时切换,没做持久关联。

阅读全文