logo标签列表

如何在Sublime Text 3中支持TypeScript？

angulartypescriptsublimetext3sublimetext
126

我目前使用Angular，并在Sublime Text中得到了TypeScript的良好支持。

如何在Sublime Text编辑器中获得TypeScript支持？

我尝试按下 Shift + Ctrl + P，然后输入TypeScript，但没有得到任何TypeScript结果。

我已经查看了官方TypeScript网站并将其克隆到我的电脑上。

我已在我的笔记本电脑上安装了TypeScript - 我接下来该怎么做？

AngularJS还是Angular？你可能选择了错误的标签。 - user9016207
8个回答
180

按下 Ctrl + shift + p 组合键打开包管理器，输入 ipc 并按回车键。随后，键入 TypeScript，选择第一个由http://typescriptlang.org发布的选项。

注意：Mac OS 用户请使用 Command (⌘) + shift + p 代替 Ctrl + shift + p。

36
完成这些步骤后，在Sublime中打开一个TypeScript文件，可以在右下角看到纯文本。点击该纯文本，会弹出一个垂直的弹出框（侧边导航栏）。向下滚动选择“Typescript”，然后你就能看到该文件中的颜色变化了。 - Pravinraj Venkatachalam
5
安装完毕后，输入“安装软件包”并按下“Ctrl+Shift+P”，然后再次输入“安装软件包”。当出现要选择的软件包列表时，输入“TypeScript”并按下回车键。 - stackMonk
只是要确保大小写完全匹配，否则它们就不会显示出来。等待也很重要。 - Vijay Kumar Kanta
如果您想查看插件（TypeScript）的加载过程，请选择“视图”菜单，然后单击“显示控制台”，当您不再需要查看时，可以选择“隐藏控制台”。 - Timothy.Li
如果“转到定义”无法正常工作，您可能需要重新安装TypeScript插件。 - squarebrackets
50
如果还没有安装软件包控制器，您首先需要安装它，具体步骤如下：
  • 按下键盘上的Ctrl + shift + p
  • 输入“inst”并选择Install Package Control
接下来会出现以下弹窗：

Package Control 安装成功！

使用命令面板并输入"Install Package"开始使用。

现在您可以按照以下步骤安装Typescript支持：
  • 按下键盘上的Ctrl + shift + p
  • 输入“inst”并选择Package Control: Install Package
  • 输入“type”并选择“Typescript”
现在，您可以打开一个file.ts文件，并在编辑器右下角将类型更改为Typescript，默认情况下选择了Plain Text。
我不得不使用 CMD+Q 重新启动 Sublime 才能使鼠标悬停和检查工作。 - neaumusic
22

如果你正在使用Mac OS，则使用以下命令

cd ~/"Library/Application Support/Sublime Text 3/Packages"
git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

在Sublime Text 3中，按下cmd+shift+p，然后输入"TypeScript"并选择"TypeScript"，最后按回车。

对于Windows操作系统：

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

在此之后按下 Ctrl+shift+p，输入 install packages 并按下回车，然后输入 "TypeScript" 选择 "TypeScript" 并按下回车即可。

2
找了很久才找到这个解决方案，谢谢！在Sublime Text 2中也可以工作，只需执行cd ~/"Library/Application Support/Sublime Text 2/Packages"即可。 - turingtested
16
（如果您使用的是 Mac，以下键盘组合中请按Cmd键而不是Ctrl键。）
按下Ctrl+Shift+P键，在输入框中键入“安装插件”（Install package）。如果“安装插件控制器”（Install package control）出现在选项中，请选择它，然后再次按下Ctrl+Shift+P键，键入“安装插件”（Install package）。选择“Package Control: Install Package”。稍等片刻，将出现一个新的下拉菜单。输入“TypeScript”，并选择与此完全相同的选项。请保留所有HTML标签。
1
谢谢，这个很容易，你应该是最棒的。 - Vikas Kandari
13

微软开发了一个 Sublime 的 TypeScript 插件，您可以安装它。我建议通过 PackageControl 安装，以确保它始终是最新版本。

该插件提供了语法高亮和构建系统，可使用 node.js 和 TypeScript 编译器（这可能是您上面提到的下载内容）来构建 TypeScript 应用程序。

链接页面包括安装说明，以及有关插件功能和使用方式的信息。

5
是的，还可以在Microsoft的包问题上查看此问题：https://github.com/microsoft/TypeScript-Sublime-Plugin/issues/786 --“这个包很长一段时间没有得到适当的维护[...]由于为用户提供了一般不好的体验，ST社区决定将此包的可用性限制在ST3中”，并建议使用LSP。 - Greg Sadetsky
1

对于Ubuntu

cd /home/userNameOftheMachine/.config/sublime-text-3/Packages

git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

然后查看 > 语法 > TypeScript

1
感谢@turingtested的建议，将克隆到Packages目录而不是基本的sublime-text-3目录中。对我有用的答案也适用于此。 - jpat827
3
正确的目录是 cd ~/.config/sublime-text-3/Packages。然后它就可以工作了。 - Carlos Pinzón
0

按下：CTRL + SHIFT + P 然后输入“安装包” 然后输入“TypeScript” 点击安装并重新启动您的Sublime Text编辑器。 查看您的代码... 输入图像描述

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接