sublime text3 运行Typescript代码

拓拔飞飙
2023-12-01

我的方法比较迂回,就是把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

 类似资料: