1. 程式人生 > >Sublime Text3配置TypeScript語法高亮

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,等出現紅框中的內容,選中,  回車


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