Sublime Text3配置TypeScript語法高亮
阿新 • • 發佈:2019-01-01
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:
然後在sublime 中 Ctrl + Shift + P 輸入 typescript,等出現紅框中的內容,選中, 回車cd "%APPDATA%\Sublime Text3\Data\Packages" git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript`
大功告成!一上午才搞出來啊!