sublime text3 运行Typescript代码_sublime text 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）