Sublime Text3配置TypeScript语法高亮_sublime typescript语法

1.先安装TypeScript插件

可以在任意路径下，使用

<span style="font-size:18px;">npm install -g typescript</span>

命令全局安装typescript插件（前提是你已经安装完了node,js）

安装成功之后可以写一个demo.ts测试一下

新建一个文件夹，在文件夹中新建一个文件命名为test.ts，代码如下：

function greet(msg: string){
    console.log("Say " + msg);
}
 
greet("hello!");
 
 
1
2
3
4
5
 
 
1
2
3
4
5

打开命令行窗口，进入 test.ts 文件所在目录，运行命令

tsc test.ts
 
 
1
 
 
1

对 .ts 文件进行编译，编译成功后可以看到在同级目录下生成了一个 test.js 文件。

没错，TypeScript已经安装成功了，就是这么简单！

2.为Sublime添加TypeScript支持

网上的方法都是直接用Sublime的Package Control（如果你的sublime首选项下面还没有插件控制这个选项，那需要先安装一下Package Control）安装，

安装好后，TypeScript 包可以通过 Package Control 得到。打开Sublime，preference -> Package Control，找到 Install Package，输入 TypeScript，找到 TypeScript 点击进行安装，稍等一会，安装完毕

但是！！！

我的Package Control ->Install Package 不好用，我尝试了所有的解决方式都没能解决，解决方法可以参考https://www.zhihu.com/question/36233553点击打开链接

于是最后采用的方法是把TypeScript插件直接克隆下来：

• Clone the repo directly into your Sublime plugin folder:

cd "%APPDATA%\Sublime Text3\Data\Packages"  
git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript`  

然后在sublime 中 Ctrl + Shift + P 输入 typescript，等出现红框中的内容，选中，  回车

大功告成！一上午才搞出来啊！