vim-jsx-pretty
:flashlight: [Vim script] JSX and TSX syntax pretty highlighting for vim. (by MaxMEllon)
yats.vim
Yet Another TypeScript Syntax: The most advanced TypeScript Syntax Highlighting in Vim (by HerringtonDarkholme)
Our great sponsors
vim-jsx-pretty | yats.vim | |
---|---|---|
8 | 4 | |
962 | 644 | |
- | - | |
0.0 | 5.8 | |
over 3 years ago | 3 months ago | |
Vim Script | Vim Script | |
MIT License | Vim License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vim-jsx-pretty
Posts with mentions or reviews of vim-jsx-pretty.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-10-13.
-
LSP-Zero default config: TSX and JSX indentation is seriously busted.
Consider using dedicated jsx indent plugin like MaxMEllon/vim-jsx-pretty. Vim indent of jsx is by default broken. And ensure additional_vim_regex_highlighting = true in nvim-treesitter config.
-
Tabs still being inserted with nosmartindent
If its not working I'd prolly try jsx-pretty, disabling the syntax highlights from it.
- Anyone have multiple language syntax highlighting with treesitter working?
-
Incorrect indentation on JSX/TSX/React files
I’ve always had issues with treesitter indent, not just with JSX, but for almost every language, so I just straight turn it off. What I do is enable regex highlighting in the treesitter options and use something like https://github.com/MaxMEllon/vim-jsx-pretty for JSX files, I doesn’t override treesitter highlighting but it does provides indentation.
-
JSX React tab indenting issues
Yep, Treesitter indentation is really real experimental. I had the same problem in JSX when I used it. What I did is use this plugin for JSX files only: https://github.com/MaxMEllon/vim-jsx-pretty
-
Even though I have plugins installed, syntax-highlighting isn't working well for JSX and TSX files
maxmellon/vim-jsx-pretty
-
JSX for web components
Syntax highlighting and language support via the lit-html VSCode extension and vim-jsx-pretty plugin
-
Operations on React JSX code
https://github.com/MaxMEllon/vim-jsx-pretty/blob/6989f1663cc03d7da72b5ef1c03f87e6ddb70b41/after/ftplugin/jsx.vim#L11-L15
yats.vim
Posts with mentions or reviews of yats.vim.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-01-12.
-
Even though I have plugins installed, syntax-highlighting isn't working well for JSX and TSX files
HerringtonDarkholme/yats.vim
- Syntax highlight turning off when focusing the cursor on the line.
-
Is their any good colorscheme for jsx file? because html tag color won't properly match.
Look into yats it’s mainly for typescript but also provides syntax for JavaScript including jsx. It works very well, and with it you can use any colorscheme you want, with maybe some little configuration changes
-
Why does formatprg + Prettier work for all supported file formats apart from TypeScript? Bug?
The default syntax file for Typescript sets formatexpr to Fixedgq in Typescript buffers, which silently overrides formatprg: https://github.com/HerringtonDarkholme/yats.vim/issues/209
What are some alternatives?
When comparing vim-jsx-pretty and yats.vim you can also consider the following projects:
vim-jsx-improve - Syntax and indent plugin for React jsx.
vim-galore - :mortar_board: All things Vim!
htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
vim-svelte-plugin - Vim syntax and indent plugin for .svelte files
nvim-treesitter - Nvim Treesitter configurations and abstraction layer
vim-js - 💯The most accurate syntax highlighting plugin for JavaScript and Flow.js
ficusjs - FicusJS is a set of lightweight functions for developing applications using web components
ficusjs-snowpack-starter - FicusJS Snowpack starter
vim-startify - :link: The fancy start screen for Vim.
vim-vue - Syntax Highlight for Vue.js components
vim-jsx-pretty vs vim-jsx-improve
yats.vim vs vim-galore
vim-jsx-pretty vs htm
yats.vim vs vim-svelte-plugin
vim-jsx-pretty vs nvim-treesitter
yats.vim vs vim-js
vim-jsx-pretty vs ficusjs
yats.vim vs nvim-treesitter
vim-jsx-pretty vs ficusjs-snowpack-starter
yats.vim vs vim-startify
vim-jsx-pretty vs vim-js
yats.vim vs vim-vue