> 개발 도구 > webstorm > 본문

Webstorm은 TypeScript를 어떻게 컴파일합니까? (그림)

不言
풀어 주다: 2018-09-29 14:13:53
앞으로
5756명이 탐색했습니다.

本篇文章给大家带来的内容是关于Webstorm如何编译TypeScript ?(图),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

下载webstorm

下载node.js编译器npm

Webstorm的安装很简单。但如果没有Java For Mac 环境打开Webstorm时会有提示,点击提示会跳转下载链接,下载安装就好。

安装tsc编译命令

node.js 安装pkg包一路点neWebstorm은 TypeScript를 어떻게 컴파일합니까? (그림)t后进入终端,键入npm验证是否成功。

Webstorm은 TypeScript를 어떻게 컴파일합니까? (그림)

npm 安装成功后继续安装tsc编译器,键入:npm install -g typescript (如果有权限问题就加上sudo即:sudo npm install -g typescript)安装成功验证是否有tsc命令。

Webstorm은 TypeScript를 어떻게 컴파일합니까? (그림)

配置Webstorm

以上安装成功后即可配置Webstorm,打开偏好设置->Tools->File Watchers->TypeScript 打开ts编译选项。

Webstorm은 TypeScript를 어떻게 컴파일합니까? (그림)

  在Arguments 键入:

$FileName$ --outDir $ProjectFileDir$\bin-debug\$FileDirRelativeToProjectRoot$  --sourcemap --target "ES5"
로그인 후 복사

其中:--sourcemap(生成.map文件,用于浏览器调试)
--target "ES5"(指定使用编译标准)

然后点开“Output Filters…” 选择tsc 点画笔,选择编译输出路径。

Webstorm은 TypeScript를 어떻게 컴파일합니까? (그림)

위 내용은 Webstorm은 TypeScript를 어떻게 컴파일합니까? (그림)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:cnblogs.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿