I’m brand new to Typescript and have just completed my first video on TS, a one hour introduction to the subject. Now that I understand what Typescript can do – or at least the basics – I am eager to use it in Vue/Vuetify projects.

I have an existing Vue project that didn’t use Typescript that would benefit from Typescript’s strong typing so I’ve re-created it to incorporate Typescript and copied my existing code over. I’ve also found an ESLint that incorporates Typescript.

Now, do I simply rename every file that has a .js extension to have a .ts extension and start adding Typescript features like function return types or do I need to do more than that?

In the course I took, the Typescript code was often kept in a separate directory from the Javascript code what was generated by the transpiler. Do I need to restructure my project to do that too? Also, will I need to invoke the transpiler manually with the tsc command the way I did on the course or will Visual Studio code automatically transpile my Typescript as I save it?