1. 타이프스크립트 이해
typeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어입니다.
typeScript는 javascript의 상위 버전이며 최신 es6 및 es5 사양을 따릅니다.
typeScript는 JavaScript의 구문을 확장합니다.
typeScript는 js가 대규모 엔터프라이즈 프로젝트를 개발할 수 있게 해주는 백엔드 Java 및 C#과 같은 객체 지향 언어에 더 가깝습니다.
2. npm을 통해 TypeScript 설치
전역 설치: $ npm install -g typescript
TypeScript 버전 확인: $ tsc -v
ts 파일을 js로 컴파일합니다: $ tsc test.ts
tsconfig.json 구성 파일 생성: $ tsc --init
3. TypeScript 개발 도구 vscode는 자동으로 .ts 파일을 컴파일합니다.
1. 프로젝트 루트 디렉터리에 tsconfig.json 파일을 생성합니다.
Ctrl+`를 눌러 터미널을 열고 tsc --init 명령을 입력하여 구성 파일을 생성하세요.
vscode 中执行 tsc --init 报错解决方案
에러 메시지:
tsc : 이 시스템에서는 스크립트 실행이 금지되어 있으므로 C:\Users\ASUS\AppData\Roaming\npm\tsc.ps1 파일을 로드할 수 없습니다
. 자세한 내용은
https:/go.microsoft.com/fwlink/?LinkID=135170에서
about_Execution_Policies를 참조하세요. 위치라인 : 1 캐릭터 : 1
1> vscode를 닫습니다
2> 바탕 화면을 마우스 오른쪽 버튼으로 클릭하여 관리자 권한으로 vscode를 실행합니다.
3> 다음 명령어를 입력한다
set-ExecutionPolicy RemoteSigned
마지막 입력은 (Y) 또는 모두 (A)입니다.
4> get-ExecutionPolicy를 입력하면 스크립트의 실행 정책이 RemoteSigned로 변경된 것을 확인할 수 있습니다.
2. tsconfig.json 파일로 컴파일된 js 파일의 출력 경로를 수정합니다.
컴파일된 js 파일은 프로젝트 루트 디렉터리 아래의 /js 디렉터리에 출력됩니다.
3. tsc 모니터링 작업을 켜고 자동으로 js 코드 생성
메뉴 클릭 > 작업 실행 > typescript > tsc:watch-tsconfig.json 클릭