webstrom使用ts设置

Webstorm IDE可以开发TypeScript，同时支持自动编译成js文件，下面我们来进行一些简单的配置。

1.去node.js官网下载安装node.js

2.下载安装新版本的Webstorm

3.使用node的npm命令安装typeScript编译器

npm install typescript -g

安装好，在命令行可以查看编译器的版本

tsc --version

4.打开Webstorm，新建一个空白项目，命名为typescript

5.在Webstorm中右击项目名，选择new->tsconfig.json File，创建tsconfig.json文件

6.打开Webstorm,为TypeScript文件更改编译设置，File->Settings->File Watchers->TypeScript，这里我们需要选择TypeScript，但是File Watchers下默认是不存在的。需要点击右侧“+”号，选择,弹出 New Watcher，设置好圈红线的部分，点击ok。勾选“TypeScript”，点击ok。

我的配置信息为：

Program：‪C:\Users\chenwei\AppData\Roaming\npm\tsc.cmd

Arguments：--sourcemap --target "ES5"

Output paths to refresh：$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map

Working directory：$FileDir$

7.设置typescript自动编译，勾选下图圈红线的位置。

这样，typescript的自动编译功能就设置好了，可以发现我们编写的ts文件会自动转为js文件。

转载：https://www.cnblogs.com/wfaceboss/p/10043101.html

webstrom使用ts设置相关推荐

vue ts 设置tslint提示_Typescript 在 Vue 中的实践(包含2.x、3.x)
1 使用 typescript 的优势聊到 ts 时有一个不能规避的问题:为什么要使用 ts ,相比 js 有什么优势吗?下面我从两个方面试着回答一下这个问题: 1.1 项目开发时的便利避免低级 ...
vue ts 设置tslint提示_Typescript在Vue中的实践
1 使用 typescript 的优势聊到 ts 时有一个不能规避的问题:为什么要使用 ts ,相比 js 有什么优势吗?下面我从两个方面试着回答一下这个问题: 1.1 项目开发时的便利避免低级 ...
vue3 + vite + ts 设置 @ 路径别名
由于 vite 创建项目后,tsconfig.json 已配置好对应别名,因此只需单独配置 vite.config.ts 即可. 目前 tsconfig.json 中应已有如下代码 "pat ...
webstrom 2099年设置
打开软件选择activetion code 复制粘贴key 激活完成 activetion code: 4RULSIH54N-eyJsaWNlbnNlSWQiOiI0UlVMU0lINTROIiwi ...
ts和vscode设置中文错误提示
ts设置中文错误提示的话,直接命令行设置就行了 yarn tsc --locale zh-CN vscode设置中文错误提示需要打开设置页面,搜索"typescript local" ...
前端代码规范文档（Vue、es6、ts、部分js）
Vue 开发规范目录及说明规范目的命名规范结构化规范注释规范编码规范 CSS 规范规范目的为提高团队协作效率,便于后台人员添加功能及前端后期项目有何迭代,以及提高自身代码质量,让大家书写 ...
Web端 Html5 直接播放 .ts 视频
常见方案在网上查找的大部分解决方案都是用诸如videojs等网页播放器,接收 .m3u8索引文件的方式来播放ts切片.这种方案的缺点是需要后端对原始ts切片做处理,生成 .m3u8索引文件 ffmp ...
vue3项目中引入ts
提示:文章是基于vue3的项目基础上引入ts 文章目录 1.基于脚手架的情况下创建 vue3项目 2.启动未引入ts的vue3项目 3.在页面中(HomeView.vue)引入ts 4.配置vue3+ ...
Web端直接播放 .ts 视频及mux.js播放ts视频没有声音
最近项目中需要前端播放 .ts 格式视频,捣鼓了几天学习到很多知识,也发掘了一种优秀的解决方案,分享给有同样需求的同学. 常见方案在网上查找的大部分解决方案都是用诸如videojs等网页播放器,接收 ...

webstrom使用ts设置

webstrom使用ts设置相关推荐

最新文章

热门文章