Sublime Text3配置TypeScript语法高亮

1.先安装TypeScript插件

可以在任意路径下,使用

npm install -g typescript

命令全局安装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)安装,

方法:网上直接下载
手动下载插件包:点击打开链接,复制到%SumlimeText_HOME%\Data\Installed Packages路径,重启 sublimeText 就行了。

安装好后,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,等出现红框中的内容,选中,  回车



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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值