TypeScript 프로필 및 설치

우리 회 사 는 현 단계 에 TypeScript + C + + 모델 을 사 용 했 기 때문에 특별히 ts 를 간단하게 소개 합 니 다.소개: 우선, TypeScript 가 무엇 입 니까? TypeScript 는 JavaScript 의 초 집합 입 니 다. 주로 유형 시스템 과 ES6 에 대한 지원 을 제공 합 니 다. Microsoft 에서 개발 하고 코드 는 GitHub 에서 시 작 됩 니 다.그 다음 에 홈 페이지 의 정 의 를 참조 합 니 다: TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source. 그 다음 에 TypeScript 의 장점:

* 

TypeScript 는 JavaScript 의 초 집합 입 니 다..........................................................................TypeScript 에서 읽 을 수 있 도록 별도의 형식 파일 을 만 들 수도 있 습 니 다. * 대부분의 제3자 라 이브 러 리 에는 TypeScript 에 제공 되 는 형식 정의 파일 이 있 습 니 다. * Google 이 개발 한 Angular 2 는 TypeScript 로 작 성 된 * TypeScript 로 ES6 규범 을 껴 안 았 고 일부 ESNext 초안 의 규범 도 지원 합 니 다.
그리고 TypeScript 의 단점:

* 

일정한 학습 비용 이 있 기 때문에 인터페이스 (Interfaces), 범 형 (Generics), 클래스 (Classes), 매 거 진 유형 (Enums) 등 전단 엔지니어 들 이 익숙 하지 않 은 개념 * 단기 적 으로 개발 원 가 를 증가 시 킬 수 있 습 니 다. 왜냐하면 유형 에 대한 정 의 를 많이 써 야 하지만 장기 적 인 유지 가 필요 한 프로젝트 에 대해 서 는TypeScript 는 유지 비용 을 줄 일 수 있 습 니 다 * 구축 절차 에 통합 하려 면 작업량 이 필요 합 니 다 * 일부 라 이브 러 리 와 완벽 하 게 결합 되 지 않 을 수 있 습 니 다.
설치: NPM 설치 TypeScript 로 컬 환경 에 npm 도구 가 설치 되 어 있다 면 다음 명령 을 사용 하여 설치 할 수 있 습 니 다. npm install - g typescrip 은 보통. ts 를 TypeScript 코드 파일 의 확장자 로 사용 합 니 다.그리고 다음 명령 을 실행 하여 TypeScript 를 JavaScript 코드 로 변환 합 니 다. 그리고 test. ts 파일 을 새로 만 듭 니 다. 보통. ts 를 TypeScript 코드 파일 의 확장자 로 사용 합 니 다.그리고 다음 명령 을 실행 하면 TypeScript 를 JavaScript 코드 로 변환 합 니 다: tsc test. ts 이 때 현재 디 렉 터 리 에서 (test. ts 와 같은 디 렉 터 리) test. js 파일 을 생 성하 고 마지막 으로 node 명령 을 사용 하여 test. js 파일 을 실행 합 니 다.
편집기: 여기 서 Visual Studio Code 를 사용 하 는 것 을 추천 합 니 다. 이것 은 오픈 소스 이 고 터미널 을 뛰 어 넘 는 경량급 편집기 입 니 다. TypeScript 지원 이 내장 되 어 있 습 니 다.또한 그것 자체 도 TypeScript 로 작 성 된 것 입 니 다.디 렉 터 리 아래 에 tsconfig. json 파일 이 존재 한다 면 이 디 렉 터 리 는 TypeScript 프로젝트 의 루트 디 렉 터 리 임 을 의미 합 니 다.tsconfig. json 파일 에 서 는 이 항목 을 컴 파일 할 루트 파일 과 컴 파일 옵션 을 지정 하 였 습 니 다.

* 

"files" 속성 사용 하기
{"compilerOptions": {"module": "commonjs", "noImplicitAny": true, "removeComments": true, "preserveConstEnums": true, "sourceMap": true}, "files": ["core. ts",]} * 사용 "include" 와 "exclude" 속성
{ “compilerOptions”: { “module”: “system”, “noImplicitAny”: true, “removeComments”: true, “preserveConstEnums”: true, “outFile”: “…/…/built/local/tsc.js”, “sourceMap”: true }, “include”: [ “src//*" ], “exclude”: [ “node_modules”, "/*.spec.ts” ]}
디 테 일 한 'copiler Options' 는 무시 할 수 있 습 니 다. 이 때 컴 파 일 러 는 기본 값 을 사용 합 니 다.여기 서 완전한 컴 파 일 러 옵션 목록 을 보십시오."files" 는 상대 적 이거 나 절대 파일 경 로 를 포함 하 는 목록 을 지정 합 니 다."include" 와 "exclude" 속성 은 파일 glob 일치 모드 목록 을 지정 합 니 다.지원 하 는 glob 어댑터 는:

0 개 이상 의 문자 와 일치 합 니까?임의의 문자 (디 렉 터 리 구분자 포함 하지 않 음) * * / 재 귀적 으로 임의의 하위 디 렉 터 리 와 일치 합 니 다. glob 모드 의 일부분 에 만 포함 되 거나... 지원 하 는 파일 확장자 형식 만 포함 되 어 있 습 니 다 (예 를 들 어 기본. ts,. tsx, d. ts, allowJs 설정 이 true 에 포함 된다 면. js 와. jsx)."files" 와 "include" 가 지정 되 지 않 았 다 면 컴 파일 러 는 현재 디 렉 터 리 와 하위 디 렉 터 리 에 있 는 모든 TypeScript 파일 (. ts, d. ts, tsx) 을 기본적으로 포함 하고 "exclude" 에서 지정 한 파일 을 제외 합 니 다.JS 파일 (. js 와. jsx) 도 포함 되 어 있 습 니 다.'files' 나' include '를 지정 하면 컴 파일 러 는 이 를 결합 시 켜 포함 합 니 다."outDir" 를 사용 하여 지정 한 디 렉 터 리 에 있 는 파일 은 컴 파 일 러 에서 영원히 제 외 됩 니 다. "files" 를 명확 하 게 사용 하지 않 는 한 (이 때 는 exclude 로 지정 해도 소 용이 없습니다)."include" 를 사용 하여 도입 한 파일 은 "exclude" 속성 을 사용 하여 걸 러 낼 수 있 습 니 다.그러나 'files' 속성 을 통 해 명확 하 게 지정 한 파일 은' exclude '가 어떻게 설정 하 든 항상 포 함 됩 니 다.특별한 지정 이 없 으 면 "exclude" 는 기본적으로 node 를 제거 합 니 다.modules，bower_components，jspm_패키지 와 디 렉 터 리."files" 나 "include" 가 지정 한 파일 에 인 용 된 모든 파일 도 포 함 됩 니 다.A. ts 는 B. ts 를 인 용 했 기 때문에 B. ts 는 A. ts 가 'exclude' 목록 에 있 는 것 을 제외 하고 배제 할 수 없습니다.컴 파일 러 가 출력 할 수 있 는 파일 을 가 져 오지 않도록 주의해 야 합 니 다.예 를 들 어 우리 가 index. ts 를 포함한다 고 가정 하면 index. d. ts 와 index. js 는 제외 된다.일반적으로 확장자 만 다 르 게 같은 디 렉 터 리 에 있 는 파일 을 구분 하 는 것 을 추천 하지 않 습 니 다.tsconfig. json 파일 은 빈 파일 일 수 있 습 니 다. 모든 기본 파일 은 기본 설정 옵션 으로 컴 파일 됩 니 다.명령 줄 에 지정 한 컴 파일 옵션 은 tsconfig. json 파일 에 해당 하 는 옵션 을 덮어 씁 니 다. @types, typeRoots, types 기본적으로 보 이 는 모든 "@ types"패 키 지 는 컴 파일 과정 에 포 함 됩 니 다. node modules / @ types 폴 더 와 하위 폴 더 에 있 는 모든 패 키 지 를 볼 수 있 습 니 다. 즉,... / node modules / @ types /,... / node modules / @ types / 등 입 니 다. typeRoots 를 지정 하면 typeRoots 아래 에 있 는 가방 만 포 함 됩 니 다. 예 를 들 어:

{ * “compilerOptions”: { * “typeRoots” : ["./typings"] * }}

* 

이 프로필 은. / typings 아래 에 있 는 모든 가방 을 포함 합 니 다. / node modules / @ types 에 있 는 가방 은 포함 되 지 않 습 니 다. * types 를 지정 하면 열 거 된 가방 만 포 함 됩 니 다. 예 를 들 어:

* 

{ * “compilerOptions”: { * “types” : [“node”, “lodash”, “express”] * }}

* 

이 tsconfig. json 파일 에는. / node modules / @ types / node 만 포 함 됩 니 다. / node modules / @ types / lodash 와. / node modules / @ types / express. / @ types /. node modules / @ types / * 에 있 는 다른 가방 은 들 어 오지 않 습 니 다.중요 합 니 다. import "foo" 문 구 를 사용 하면 TypeScript 는 node modules 와 node modules / @ types 폴 더 를 찾 아 foo 패 키 지 를 가 져 옵 니 다.
extends 계승 설정 tsconfig. json 파일 을 사용 하면 extends 속성 을 이용 하여 다른 프로필 에서 설정 을 계승 할 수 있 습 니 다. extends 는 tsconfig. json 파일 의 최상 위 속성 입 니 다 (copiler Options, files, include, exclude 와 같 습 니 다). extends 의 값 은 파일 을 계승 할 다른 경 로 를 가리 키 는 문자열 입 니 다. 원본 파일 에 있 는 설정 을 먼저 불 러 온 다음 계승 파일 에 있 는 설정 을 다시 쓰 도록 합 니 다. 순환 참조 가 발견 되면 오류 가 발생 합 니 다. 계승 프로필 에 있 는 files, include 와 exclude 가 원본 프로필 의 속성 을 덮어 씁 니 다. 설정 파일 의 상대 경 로 를 분석 할 때있 는 파일 에 비해. 예 를 들 어 configs / base. json:
{ “compilerOptions”: { “noImplicitAny”: true, “strictNullChecks”: true }} tsconfig.json：
{ “extends”: “./configs/base”, “files”: [ “main.ts”, “supplemental.ts” ]} tsconfig.nostrictnull.json：
{"extends": ". / tsconfig", "copiler Options": {"strictNull Checks": false} copileOnSave 는 맨 위 에 copileOnSave 표 시 를 설정 하여 IDE 가 파일 을 저장 할 때 tsconfig. json 에 따라 파일 을 다시 만 들 수 있 습 니 다.
{"copileOnSave": true, "copilerOptions": {"noImplicitAny": true}} 이 기능 을 지원 하려 면 Visual Studio 2015, TypeScript 1.8.4 이상 이 필요 하고 아 톰 - typescript 플러그 인 을 설치 해 야 합 니 다. 모드 는 여기 서 모드 를 보십시오.http://json.schemastore.org/tsconfig.