Smarty Template for Visual Studio Code
This extension provides Smarty Template support for Visual Studio Code.
Supports {...} and {{...}} delimiters. Available for both VSCode desktop and web.
Features
- Syntax highlighting
- Snippet completion
- Code formatting
- Code folding
- Code navigation
- Comment toggling
- Bracket autoclosing
- Bracket autosurrounding
- Hover documentation
- Auto Indentation
What it looks like
Requirements
Extension Settings
smarty.highlight: Enable/disable highlight decoration of smarty tags documents.smarty.highlightColor: Highlight decoration color based on dark/light theme kind.
For example:
"smarty.highhlight": true,
"smarty.highlightColor": {
"dark": "#FFFFFF25",
"light": "#FFFA0040"
}
Here is the list of native vscode settings used in smarty document formatting.
{
// The number of spaces a tab is equal to.
"editor.tabSize": 4,
// Indent using spaces.
"editor.insertSpaces": true,
// End with a newline.
"html.format.endWithNewline": false,
// Indent `<head>` and `<body>` sections.
"html.format.indentInnerHtml": false,
// Maximum number of line breaks to be preserved in one chunk. Use `null` for unlimited.
"html.format.maxPreserveNewLines": null,
// Controls whether existing line breaks before elements should be preserved.
"html.format.preserveNewLines": true,
// Wrap attributes.
// - auto: Wrap attributes only when line length is exceeded.
// - force: Wrap each attribute except first.
// - force-aligned: Wrap each attribute except first and keep aligned.
// - force-expand-multiline: Wrap each attribute.
// - aligned-multiple: Wrap when line length is exceeded, align attributes vertically.
// - preserve: Preserve wrapping of attributes.
// - preserve-aligned: Preserve wrapping of attributes but align.
"html.format.wrapAttributes": "auto",
// Maximum amount of characters per line (0 = disable).
"html.format.wrapLineLength": 120
}
User Settings
For Emmet Abbreviations:
Paste the following into your settings.json
"emmet.includeLanguages": {
"smarty": "html"
}
For Netbeans Style Theme:
Paste the following into your settings.json
Click to expand settings!
```jsonc
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"punctuation.section.embedded.begin.smarty",
"punctuation.section.embedded.end.smarty"
],
"settings": {
"foreground": "#FFA500",
"fontStyle": "bold"
}
},
{
"scope": [
"keyword.control.smarty",
"support.function.built-in.smarty"
],
"settings": {
"foreground": "#16A016",
"fontStyle": "bold"
}
},
{
"scope": ["variable.parameter.smarty"],
"settings": {
"foreground": "#AE23A3",
"fontStyle": "bold"
}
},
{
"scope": ["source.smarty"],
"settings": {
"foreground": "#D17C32"
}
}
]
}
```
Issues
Submit the issues if you find any bug or have any suggestion.
Release Notes
Detailed release notes are available here.
