A Visual Studio Code extension that helps you write Nginx configuration files. Many features in it include syntax highlight, auto-complete, in-editor documents, embedded Lua block, and more.
The upstream repo seems to be left unmaintained and there was compatibility issue with raynigon.nginx-formatter
extension because the upstream projects used NGINX
as language id while the formatter extension uses nginx
and therefore it's not possible to use both extensions on the same file
- Click
Extension
button in left side of VSCode. (Shortcut: Ctrl+Shift+X or Command+Shift+X) - Search for
ahmadalli.vscode-nginx-conf
and click theInstall
button. - Reload VSCode.
- Syntax highlight for Nginx configuration file
- Support syntax of Lua block in Nginx configuration file
- Autocomplete directives, variables, location, media types, path, and more
- Hint directive arguments and usage
- Provide Nginx snippets
- Provide directives and snippets from OpenResty
- Menu item "Goto Nginx Document" for display related Nginx document in the editor
📣 There are a lot of updates in this version:
- The syntax of the Nginx configuration file is updated completely
- Because the syntax from sublime extension and shanoor's repo are long time no updates. So I write a syntax generator for better highlight
- New syntax is generated from codes. You can find them in generate-tmLanguage.ts
- New syntax supports embedded Lua block
- New syntax supports the directive statement in multiple lines
- And extension configuration
nginx-conf-hint.syntax
is removed
- Optimize hint data loader and document loader. They use less memory now and load data on demand
- This extension can run as a web extension. So you can use this extension on https://vscode.dev/ now
- The coverage of auto-completion is more, and auto-completion is smarter
- Auto completion is based on the context and grammar of the configuration now
- Fix some wrong auto-completion items
- Autocomplete named location
- Autocomplete directive's named argument
- Autocomplete media types
- Add editor definition support for
location
directive - Add new extension configuration
nginx-conf-hint.externalModules
for controlling enabled of external modules hint data - The source code is rewritten by using Typescript
- Icon image of this extension is from extension nginx.conf
- This extension is published under the GPL-3.0 license
LiuYue(hangxingliu): Author of the Original Project
- @tiansin: Contributor of the Original Project
- @latipun7: Contributor of the Original Project