Angular 2 & TypeScript 邊學邊寫筆記 (1)

事前準備工作,如何去安裝 Angular 2 & TypeScript in Sublime 3

Angular 2 的準備工作

其實在 Angular 2 的官方教學網站有詳細的資料,

  • 以下則是網址:

https://angular.io/docs/ts/latest/quickstart.html

  • 如果你是英文苦手這裡也有簡中版本:

https://angular.cn/docs/ts/latest/quickstart.html

  • 當然如果跟我一樣先前沒有裝 npm & Node.js 就在你的 iTerm 安裝相關的環境吧(大概會花你一段時間)

當你安裝完以上的套件後,如果你慣用的是Sublime Text 3的話則是需要安裝 .ts 的環境,不然如果你很習慣這樣的環境開發也是很ok的

以下則是安裝的步驟

  • 如果先前沒有安裝 Package Control 可以參考這一篇:

http://blog.developer.idv.tw/2015/06/sublime-text-3_36.html

  • 選取 Preferences →Package Control
  • 如果是在編輯狀態下而想要用Command Palette的方式來叫出Package Controll的指令,可用快速鍵呼叫出Command Palette「Ctrl + Shift + P」
  • 輸入Install Package
  • 輸入TypeScript 安裝Package,然後重新啟動
  • 選取Sublime 功能Tools → Build System → New Build System
  • 輸入以下程式,記得存檔時要寫 TypeScript.sublime-build (當然你可以自己定義)
  • 關掉後再重新開啟Sublime Text,開啟 view → Syntax → TypeScript

你就可以看到 *.ts 是色彩繽紛的標記啦

這是我第一篇寫有關於技術的文章,如果有筆誤或是方法有更好的歡迎多多指教。


參考網址:

https://flashlin.wordpress.com/2013/10/17/sublime-typescript-安裝設定/

如果你想要更多有關於Sublime的好用東西可以參考 Will 保哥的文章:

Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學

http://blog.miniasp.com/post/2014/01/06/Useful-tool-Sublime-Text-3-Quick-Start.aspx