当前位置:   article > 正文

Sublime text3保存自动编译TypeScript_sublime3 typescript插件

sublime3 typescript插件

 前提确保你的电脑安装了node.js

1、安装TypeScript

输入命令npm install -g typescript   

输入tsc - v命令来查看版本号,看到typescript的版本号说明安装成功

2、Sublime编译TypeScript

sublime打开工具(tools)->编译系统(Build System )->新编译系统(New Build System) 

执行复制后出现一个untitled.sublime-build的文件,然后复制下面的代码文件重命名TypeScript.sublime-build并保存

{ "cmd": ["D:\\nvm\\nodejs\\tsc.cmd", "$file"], "selector": "source.ts"}

把Build System设置为automatic

新建ts文件,按键 ctrl + B 或 ctrl + S 

会出现 Build parameters 输入tsc xx.ts 就会在同目录生成xx.js文件

问题:sublime-build [WinError 2] 系统找不到指定的文件

解决方案:使用绝对路径或者配置环境变量

windows: cmd输入where tsc即可输出路径打印。

 3、安装插件:OnSaveBuild

安装插件: Preferences->Package Control->Install Package->OnSaveBuild

配置:打开 Preferences->Package Settings->SublimeOnSaveBuild->Settings - User

  1. {
  2. "filename_filter": "\\.(ts)$",
  3. "build_on_save": 1
  4. }

 4、实现自动编译

把Build System设置为TypeScript

新建ts文件,按键 ctrl + S 保存文件,自动在同目录生成xx.js文件

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/79672
推荐阅读
相关标签
  

闽ICP备14008679号