JS 사용자용 유형

JS 사용자용 유형

이 블로그와 관련된 소스 코드는 다음과 같습니다.

https://github.com/abhidatta0/Typescript-for-JS-people

로컬 컴퓨터에 Typescipt를 설정하려면

nodejs

npm

VScode(옵션)입니다.

그런 다음 폴더를 만듭니다(내 것은 "js-people 형식"으로 지정했습니다).

이제 Gitbash 또는 다른 명령줄 도구로 이동하여 입력

npm init -y.패키지가 자동으로 생성됩니다.json 파일과 폴더 루트입니다.

그 후 타이핑을 통해 설치 유형

npm install typescript --save-dev in cmd.

따라서 typescript는 dev에만 필요하므로 typescript를 dev 종속성으로 설치하라는 메시지가 npm에 표시됩니다.또한 node_modules 폴더와 package-lock.json 파일을 추가할 것이지만, 우리는 이것들에 대해 신경 쓸 필요가 없다.

모든 일이 잘되면, 이 소포 이후에.json 파일은 다음과 같습니다.

폴더 구조

먼저 cmd로 이동하고 npx tsc --init를 입력합니다.

그러면 프로젝트 루트 폴더에 tsconfig.json 파일이 생성됩니다.

tsconfig.json용 문서: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

tsconfig.json 파일을 보면 키-값 쌍(js 개체와 동일)에 주석 처리된 줄이 많이 있을 것입니다. 우리는 "rootDir" 키의 주석 처리를 해제하고 "..src"로 값을 지정해야 합니다.

"outDir" 키를 누르고 값을 "..dist"로 지정합니다.

이것은 기본적으로 우리가 src 폴더(또는 하위 폴더)에 typescript 코드를 작성하고 javascript 코드는 tsc(tsc)에 의해 dist 폴더에 출력된다는 것을 의미한다.

src/Basic 1/_1.ts로 폴더 구조를 만듭니다.

프로젝트 폴더는 다음과 같습니다.

코드 작성 시작

이제 _1.ts 안에 코드 쓰기

console.log("Abhirup");

바로 그거예요! 실제로 자바스크립트와 함께 타이프스크립트입니다.

컴파일 중

이제 터미널을 입력합니다.

npx tsc. 이렇게 하면 새로 생성된 dist 폴더 안에 js 파일이 생성됩니다(tsc 컴파일러에 의해 수행됨).

그 안에는 js 파일이 src 폴더와 동일한 폴더 구조를 가지고 있습니다(그러나 확장자는 .js입니다).

이 블로그를 공유해 주세요.

from http://gong-tech.tistory.com/50 by ccl(A) rewrite - 2021-09-25 03:02:03