[Vue3] Typescript 설정하기

• 터미널에서 Typescript를 적용할 프로젝트로 이동
• Typescript 추가 명령어 실행

❯ vue add typescript

 

 

• 필요한 옵션 선택(Yes/No)

? Use class-style component syntax? Yes
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes
? Convert all .js files to .ts? Yes
? Allow .js files to be compiled? No
? Skip type checking of all declaration files (recommended for apps)? Yes

• Use class-style component syntax?Yes -> https://class-component.vuejs.org/ 참고
• Use Babel alongside TypeScript?Yes -> https://blog.qvil.dev/typescript/typescript-with-babel 참고
• Convert all .js files to .ts? Yes -> js 형식의 파일들 모두 ts 파일로 변환되기 때문에 주의 필요
• Allow .js files to be compiled? No -> js 파일도 같이 사용한다면 Yes

 

• localhost 실행

npm run serve

 

 

• localhost:8080 접속