Using Vue JSX inside jsfiddle/codepen demo about babel-plugin-transform-vue-jsx HOT 9 CLOSED

Well, try CodePan 😂 https://codepan.net/boilerplate/vue-jsx 100% Vue JSX support.

from babel-plugin-transform-vue-jsx.

Although a bit finicky, webpackbin allows to use JSX. Here's a basic example using Vue and JSX.

You need to configure webpackbin to use Vue and tell babel to support JSX.

The webpackbin link goes to some malicious website. Please kill the link.

from babel-plugin-transform-vue-jsx.

I think for this to work, Codepen etc. would have to provide a way to add individual settings to the babel config, since you have to tell babel that you use this plugin:

{
  "presets": ["es2015"],
  "plugins": ["transform-vue-jsx"]
}

from babel-plugin-transform-vue-jsx.

Okay. So I tried to use vue cli with vue 2.0 and npm install this stuff here:
npm install babel-plugin-syntax-jsx\ babel-plugin-transform-vue-jsx\ babel-helper-vue-jsx-merge-props\ --save-dev

But I got errors and it would not install the plugins. I know Vue 2.0 is not out yet; however, I am eager to start using it with JSX and would like to get started. How do I configure vue-cli so I can easily use the JSX plugin?

Thanks

from babel-plugin-transform-vue-jsx.

If it did not install the plugins, then you had a problem with npm, not Vue. At least that's what I have to assume because you did not mention what errors you had occur.

Installations instructions are in the README, if you get stuck you can always ask on the forum.vuejs.org

from babel-plugin-transform-vue-jsx.

Although a bit finicky, webpackbin allows to use JSX. Here's a basic example using Vue and JSX.

You need to configure webpackbin to use Vue and tell babel to support JSX.

from babel-plugin-transform-vue-jsx.

For people who need a simple pure browser based vue playground with jsx support , check vuep.

Even vuex may be possible with extra effort : )

SO, Maybe the browser used babel plugin for vue jsx is useful? #53

from babel-plugin-transform-vue-jsx.

@p-adams, as commented above, you can use @egoist's project for that.

from babel-plugin-transform-vue-jsx.

Just FYI, CodeSandbox has great Vue (including Vue JSX) support: https://codesandbox.io/s/vue

from babel-plugin-transform-vue-jsx.