Skip to content

Code Formatting

Tachi Code integrates the Prettier code formatter to enable code formatting across a larger number of languages than the built-in Monaco Editor formatter.

To format code using Prettier, you can use the keyboard shortcut Option + Shift + F Option + Shift + F or Format Document command from the Command Palette.

Formatting with Prettier is supported for the following languages:

Language IDName
angular-htmlAngular HTML
angular-tsAngular TypeScript
cssCSS
graphqlGraphQL
htmlHTML
javascriptJavaScript
jsonJSON
json5JSON5
jsoncJSON with Comments
jsxJSX
lessLess
markdownMarkdown
scssSCSS
tsxTypeScript JSX
typescriptTypeScript
scssSCSS
svgSVG
vueVue
vue-htmlVue HTML
xmlXML
yamlYAML

You can configure Prettier using the prettier.configuration setting to specify a custom Prettier configuration either at the application or language level.

You can also disable Prettier formatting at the application or language level using the prettier.enabled setting.