vue2 jsx安装

Vue 2.x本身并不支持原生的JSX语法，不过你可以通过第三方插件来集成JSX。在Vue 2中推荐使用`vue-jsx`或`@vue/babel-plugin-jsx`这两个插件来实现在.vue文件中使用JSX。

以下是简单的步骤：

1. **全局安装**:
- 如果你使用的是npm或yarn，可以在项目目录下运行：

     npm install vue-jsx babel-preset-vue @babel/plugin-transform-vue-jsx --save-dev
     # 或者
     yarn add vue-jsx babel-preset-vue @babel/plugin-transform-vue-jsx --dev

2. **配置Babel**:
在`.babelrc`或`babel.config.js`中添加相关的插件配置。对于`.babelrc`：

   {
     "presets": ["@vue/cli-babel-preset"],
     "plugins": [
       "@babel/plugin-transform-vue-jsx"
     ]
   }

或者在`babel.config.js`中：

   module.exports = {
     plugins: [['@vue/babel-plugin-jsx', { transformRuntime: true }]],
   };

3. **重启项目**:
保存配置后，需要重启你的Vue CLI项目才能应用新的Babel配置。

现在，在`.vue`文件中就可以使用JSX语法了，例如：

<template>
  <div>
    <h1>Hello, JSX!</h1>
  </div>
</template>

<script lang="jsx">
export default {
  render() {
    return (
      <div>
        {/* ... */}
      </div>
    );
  }
};
</script>

注意，虽然可以使用JSX，但仍需保持Vue的组件化思维，合理利用组件结构。