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
Supported Languages
Section titled “Supported Languages”Formatting with Prettier is supported for the following languages:
Language ID | Name |
---|---|
angular-html | Angular HTML |
angular-ts | Angular TypeScript |
css | CSS |
graphql | GraphQL |
html | HTML |
javascript | JavaScript |
json | JSON |
json5 | JSON5 |
jsonc | JSON with Comments |
jsx | JSX |
less | Less |
markdown | Markdown |
scss | SCSS |
tsx | TypeScript JSX |
typescript | TypeScript |
scss | SCSS |
svg | SVG |
vue | Vue |
vue-html | Vue HTML |
xml | XML |
yaml | YAML |
Configuration
Section titled “Configuration”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.