如何扩展emmet-vim支持JavaScript文件？React场景配置异常求助

以下两种方法可解决你的问题：

方法一：自动将React相关JS文件识别为JSX类型 #

如果你的React组件文件名有规律（比如带Component后缀），可以在vimrc里添加自动命令，让这类文件的filetype自动设为javascript.jsx：

autocmd BufRead,BufNewFile *Component.js set filetype=javascript.jsx

如果文件名无规律，也可根据文件内容判断（比如开头包含import React语句）：

autocmd BufRead,BufNewFile *.js if getline(1) =~ 'import React' | set filetype=javascript.jsx | endif

方法二：让emmet-vim对JavaScript类型启用JSX语法支持 #

直接配置emmet，将javascript文件类型映射为jsx的别名，无需修改filetype即可触发emmet的JSX展开功能：

let g:emmet_filetype_aliases = {'javascript': 'jsx'}

同时确保你的EmmetInstall自动命令包含javascript：

autocmd FileType html,css,javascript,php EmmetInstall

两种方法任选其一即可，第一种贴合vim的filetype机制，第二种则是直接让emmet适配javascript类型。

内容的提问来源于stack exchange，提问作者Vali Softescu