How to get support of TypeScript with Sublime Text 3?

AngularTypescriptSublimetext3Sublimetext

Angular Problem Overview


I am currently working in Angular and I get good support of Typescript with Sublime Text.

How can I get support of TypeScript with my Sublime Text editor?

I tried to hit Shift + Ctrl + P and then typed TypeScript but I did not get any TypeScript results.

I have gone through the official TypeScript website and I have cloned the Sublime Text to my PC.

I have installed TypeScript on my laptop - what can I do next?

Angular Solutions


Solution 1 - Angular

You can do this by pressing Ctrl + shift + p write ipc and press enter to open the Package Manager. After that, type TypeScript and choose the first option which is published by <http://typescriptlang.org>;.

Note: For Mac OS users, use Command (⌘) + shift + p instead of Ctrl + shift + p.

Solution 2 - Angular

If it's not already done, you first have to install the Package installer, like that:

  • Press Ctrl + shift + p
  • Type "inst" and select Install Package Control

The following pop-up appears:

> Package Control was successfully installed > > Use Command Palette and type "Install Package" to get started

Now you can install the Typescript support like that:

  • Press Ctrl + shift + p
  • Type "inst" and select Package Control: Install Package
  • Type "type" and select "Typescript"

Now you can open a file.tsand change the type to Typescript clicking in the right bottom of the editor where Plain Text is selected by default.

Solution 3 - Angular

If you are using mac OS then use the following command

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

After that press cmd+shift+p in sublime text 3 , then type "TypeScript" and select "TypeScript" and press enter.

And on Windows:

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

After that press Ctrl+shift+p write install packages and press enter, then type "TypeScript" and select "TypeScript" and press enter.

Solution 4 - Angular

(If you're on Mac, press Cmd instead of Ctrl in the key combos below.)

Press Ctrl+Shift+P and type "Install package". If "Install package control" appears as an option, pick it, and then press Ctrl+Shift+P again and type "Install package". Pick "Package Control: Install Package". Wait a moment and a new dropdown menu will appear. Type "TypeScript" and pick the option with that exact name.

Solution 5 - Angular

There is a TypeScript plugin for Sublime written by Microsoft that you can install. I would recommend installing it via PackageControl to make sure that it stays up to date.

The plugin provides syntax highlighting and a build system for building TypeScript applications using node.js and the TypeScript compiler (which is presumably what you mentioned downloading above).

The page linked includes install instructions as well as information on what it does for you and how to use it.

Solution 6 - Angular

For Ubuntu

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

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

Then View > Syntex > Typescript

Solution 7 - Angular

Press : CTRL + SHIFT + P then type "install package" then type "typescript" click to install and Restart your Sublime Text editor. See your codes... enter image description here

Solution 8 - Angular

There is a more newer package available than Microsoft. Use this official LSP-typescript plugin.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionMohan GopiView Question on Stackoverflow
Solution 1 - AngularMohammad TanveerView Answer on Stackoverflow
Solution 2 - AngularvebenView Answer on Stackoverflow
Solution 3 - AngularRuchin SomalView Answer on Stackoverflow
Solution 4 - AngularMacilView Answer on Stackoverflow
Solution 5 - AngularOdatNurdView Answer on Stackoverflow
Solution 6 - AngularAhmad SharifView Answer on Stackoverflow
Solution 7 - AngularThai Mozhi KalviView Answer on Stackoverflow
Solution 8 - Angularfelix0808View Answer on Stackoverflow