您当前的位置: 首页 >  vim

ITKEY_

暂无认证

  • 0浏览

    0关注

    732博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

vim中jsx语法高亮

ITKEY_ 发布时间:2021-05-20 22:08:19 ,浏览量:0

没安装高亮插件前

在这里插入图片描述

安装插件vim-jsx-pretty(卡顿)

安装插件

Plug 'yuezk/vim-js'
Plug 'maxmellon/vim-jsx-pretty'

效果: 在这里插入图片描述 如图所示,语法高亮后,确实好看了不少。随着我这段时间的使用,发现了一个让我非常难受的问题。 在编辑JSX这段代码的时候,发现按回车换行非常的卡顿。甚至卡到我无法忍受。

编辑非JSX部分,按回车是不会卡顿的。我排查了下,发现就是这个插件导致的。所以我暂时就把这个插件先禁用了。

我宁愿不要高亮显示,也不想卡顿。

vim-jsx-typescript

项目主页: https://github.com/peitalin/vim-jsx-typescript

Vim-plug:

Plug 'leafgarland/typescript-vim'
Plug 'peitalin/vim-jsx-typescript'

配置如下:

" set filetypes as typescriptreact
autocmd BufNewFile,BufRead *.tsx,*.jsx set filetype=typescriptreact

效果如下: 在这里插入图片描述

实测这个插件不卡顿,按回车很流畅。

用这个插件后,除了高亮以外,还发现了一个很明显的变化就是语法检查并的更加严格了。本身运行不报错的代码,语法检查显示有错误,不知是好是错!

当然严谨总是好的。

关注
打赏
1665243900
查看更多评论
立即登录/注册

微信扫码登录

0.0365s