Home / Questions / 29023
Accepted
Michael V.
Asked: 2020-10-21 08:21:44 +0800 CST 2020-10-21 08:21:44 +0800 CST

How to Configure Visual Studio 2015 Community Update 3 to work with ES6 (jsx files)

  • 772

Good day, I'm getting started in the react JS library, I would like to know the correct way to configure visual studio 2015 community to work with react using ES6 and also be able to create jsx files, right now creating a file with that extension (. jsx) the IDE paints it red as a syntax error.

I have read that to work with ES6 you need a transpiler (such as Babel) so that the browser can interpret said code, and some other configurations, but they do all of this by installing different packages but through npm (that is, you have to have node installed) . How do you do all that but for Visual Studio?

Thanks for your time.

visual-studio-2015

1 Answers

  1. Best Answer

    In this league there is a support project

    https://github.com/Microsoft/nodejstools/wiki/ES6-IntelliSense-Preview-in-NTVS-1.1

    Requirement:

    Have the Node.js Tools for Visual Studio downloadable here there is a version for 2013 and 2015, you have to download the appropriate one, since there is no backward compatibility

    Installation translation:

    Step 1: Install TypeScript 1.6+

    This option will only be enabled if TypeScript 1.6 is installed for Visual Studio 2013 or 2015, currently available for download.

     ? Nota: TypeScript 1.8 es necesario para versiones preliminares.

    Step 2: Select the "ES6 IntelliSense Preview" option

    To preview this new experience you must select the "ES6 IntelliSense Preview" * option found in Visual Studio at: Herramientas> Opciones> Editor de texto> Node.js> IntelliSenseor Tools > Options > Text Editor > Node.js > IntelliSense

    enter image description here

    Step 3: Close all open JavaScript files

    After selecting this option, you will need to close and reopen the JavaScript files that are being edited before the change takes effect.

    • 0