使用WebStorm开发TypeScript的设置
来源:互联网 发布:macbook怎么删除软件 编辑:程序博客网 时间:2024/06/13 17:50
起初编写完TypeScript后是在命令行工具下编译ts文件,后来发现ts文件内容一旦发生改变就要手动去执行编译命令,难免降低了工
作效率。后来发现原来强大的Webstorm IDE也可以开发TypeScript,还支持自动编译成js文件,用了那么久Webstorm竟然都没发
现,要不要这么爽??
下面说一下完整的设置步骤吧
1.去node.js官网下载安装node.js
2.下载安装新版本的Webstorm
3.使用node的npm命令安装typeScript编译器
npm install typescript -g
安装好,在命令行可以查看编译器的版本
tsc -v
5.在Webstorm中右击项目名,选择new->tsconfig.json File,创建tsconfig.json文件
6.打开Webstorm,为TypeScript文件更改编译设置,File->Settings->File Watchers->TypeScript,这里我们需要选择TypeScript,但是
File Watchers下默认是不存在的。需要点击右侧“+”号,选择<custom>,弹出 New Watcher,设置好圈红线的部分,点击ok。勾
选“TypeScript”,点击ok。
7.设置typescript自动编译,勾选下图圈红线的位置。
这样,typescript的自动编译功能就设置好了,测试一下,很带劲,你只需要负责写ts就好了,的确方便了很多。
1 0
- 使用WebStorm开发TypeScript的设置
- 使用WebStorm开发TypeScript的设置
- 使用WebStorm开发TypeScript的设置
- 用WebStorm开发TypeScript
- WebStorm下使用TypeScript
- WebStorm使用TypeScript
- Webstorm如何设置支持TypeScript?
- 修改webstorm的typescript version
- JS-在WebStorm上使用TypeScript
- 在webstorm中使用typescript开发react程序(一)环境搭建
- AngularJs2.0学习笔记0 :使用webstorm实现基于typescript 的quickstart 例程调试
- 使用TypeScript开发Express4
- webstorm自动编译typescript
- 如何用WebStorm来调试TypeScript编译出来的JavaScript
- 使用typescript开发node服务端
- 使用TypeScript开发ReactNative应用的简单示例
- 针对在webstorm开发React Native的代码快捷设置
- webstorm设置babel,使用es6
- 《ACM程序设计》 L题
- Sql Server之旅——终点站 nolock引发的三级事件的一些思考
- 来几个学习用的网站给大家参考下
- 前端学习之路css(02)-基础属性
- asp.net mvc 之旅—— 第一站 从简单的razor入手
- 使用WebStorm开发TypeScript的设置
- DBlink的创建
- asp.net mvc 之旅—— 第二站 窥探Controller下的各种Result
- 记录一些在用wcf的过程中走过的泥巴路 【第一篇】
- CSS之旅——第一站 为什么要用CSS
- CSS之旅——第二站 如何更深入的理解各种选择器
- CSS之旅——第三站 强大的伪选择器
- 用MsmqBinding投送message出现的一个灵异事件 【第二篇】
- 基于OpenCV的车牌识别—车牌定位