sublime text3 运行Typescript代码

我的方法比较迂回,就是把typescript的代码变成javascript的代码 ,然后配置编译环境运行。

1.电脑上安装typescript
         因为我 的电脑上安装了nodejs所以可以 直接命令安装npm install -g typescript

2.将typescript代码编程javascript代码
        在typescript代码目录下执行 tsc xxxxx.ts;运行成功后会生成xxxxx.js文件。

3.打开sublime
        之后点击工具-》编译系统-》新编译系统

{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "working_dir": "${project_path:${folder}}",
    "selector": "source.js",
    "shell": true,
    "encoding": "utf-8",
    "windows": {
        "cmd": ["node", "$file"]
    },
    "linux": {
        "cmd": ["killall node; node", "$file"]
    }
}

复制上面的代码到那个文件中,然后保存(我存在这个路径E:\Sublime Text 3\Data\Packages\User下),名字JavaScript.sublime-build。

4.选择编译环境
        点击工具-》编译系统-》选择JavaScript,然后就能运行js的代码了。

附加1:因为发现ts文件里面没有颜色,看着不是很舒服又去baidu了一波,说要通过install package下载typescript,但是我的sublime有问题,打算直接copy下来。

我到这个网址https://github.com/Microsoft/TypeScript-Sublime-Plugin.git下载了TypeScript-Sublime-Plugin-master,然后解压之后放到(E:\Sublime Text 3\Data\Packages)这个目录下了并改名为TypeScript。

这时重启后就是高亮了!!!

(附加1参考于:https://blog.csdn.net/qq_20777797/article/details/73459869?locationNum=4&fps=1

附加2:如果想在sublime text直接让ts文件编译成js文件可以再配置个下面环境
点击工具-》编译系统-》新编译系统

{
     "cmd": ["tsc","$file"],
     "file_regex": "(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(...*?)$",
     "selector": "source.ts",
 
     "windows": {
         "cmd": ["tsc.cmd", "--target", "ES5", "$file"]
     }
 }

ctrl+B运行后会在ts同级目录下生成js文件

(附加2参考于:https://blog.csdn.net/yihui1314/article/details/77984200

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值