reactjs - Bedre ES6/ES7 React-støtte i Visual Studio 2015? Muligens med TypeScript?


Visual Studio 2015-støtte for ES6/ES7-syntaks med React har noen klare begrensninger sammenlignet med Babel/Sublime (eller Atom, VS Code, osv.). Spesifikt prøver jeg å oppnå 'støtte' for ES6-importer/-eksporter og ES7-dekoratører og klasseegenskaper i JSX-filer UTEN å slå av JS-feilsøking/intellisense i Visual Studio 2015 (.NET 4.5-prosjekt, IKKE versjon 5).

Jeg har funnet noen ting som var nyttige, for eksempel dette trikset til node-serveren VS bruker for å tolke JSX (og jobber med å endre det til å bruke Babel, men har allerede støtt på noen problemer med tilnærmingen).

Jeg har lastet ned node-verktøyene, slått på ES6 Intellisense-forhåndsvisning, og har TypeScript 1.7.6 installert.

Så, det er bedre, men har fortsatt for mange begrensninger.

Det ser ut som Microsoft heller mesteparten av sin JSX-støtte inn i TypeScript. Selv om jeg erkjenner noen av fordelene med TypeScript, vil jeg på dette tidspunktet ikke skrive min JSX i TypeScript, MEN så vidt jeg forstår, er gyldig JS gyldig TypeScript, og hvis jeg kan oppnå bedre React/ES6/ES7-støtte nå (eller i fremtiden) ved å endre filendelsen min fra JS/JSX til TS/TSX, greit; men da jeg prøvde dette, begynte Visual Studio 2015 umiddelbart å klage på mangel på type-definisjoner og eksplisitte typer i JSX-syntaksen min. Kan du slå disse av?

Med andre ord, finnes det en måte å fortelle Visual Studio 2015 'marker denne filen som du ville gjort med TypeScript, tilby litt grunnleggende syntaksvalidering, litt fin intellisense, men ikke bekymre deg for bygging, sourcemaps eller noe annet' (jeg bruker webpack til dette)?

For å være tydelig, spørsmålet mitt er "hvordan kan jeg oppnå den absolutt beste ES6/ES7-støtten med React i Visual Studio 2015" fordi problemet mitt er at jeg har en .NET 4.5 MVC-app som må bygges, og frontenden må være 'moderne' ES6/ES7 React.

Hvis det finnes en annen måte å løse problemet mitt på (som med VS Code + Mono - krever .NET 5+), eller hvis du har noen råd om hvordan jeg best kan svare på spørsmålet ovenfor, ville det bli veldig satt pris på. Takk på forhånd for all hjelp du kan tilby!

Svar #1

Det beste jeg har funnet så langt er å hacke Visual Studios node-server og bruke denne pluginen jeg skrev med Webpack for debugging.

Relaterte artikler