TypeScript 雜談


最近因為Electron與nodejs和工作上的關係，開始了對AngularJS的學習，約莫在9月初的尷尬時間點開始了Study和Survey。

Ang2 和 Ang1兩邊遊蕩，後者和前者聽說架構上差異頗大以及效能上也有差距，但是Ang2那時仍然在測試中，不過就在隔一個禮拜剛好看到final release 2.0.0決定開始進行對Ang2以及TypeScript(簡稱TS)的學習。

TS很有趣，跟一般的JS不一樣。對於我剛寫完C++跳來前端來說，TypeScript理解後反而更容易對我的胃口。(題外話:當初是聽說寫後端，結果搞一搞突然在開發前端了...真是各種意想不到...尤其又沒有前輩可以詢問，只好自己單幹)

TS是JS的超集，這就不多說了，他可以直接拿JS的function拿來compile，跟我之前在看的CoffeeScript完全不一樣(個人有大括強迫症，CoffeeScript這種我就是各種不習慣)，加上Visual StudioCode的強力支援，在寫JS的東西就可以更細的去做區分了。

因為對於TS仍然在初步學習階段，又加上真的是從無到有(那怕之前已經有JS的經驗)，就不寫太深入的東西了...

以我一開始使用來說:

在nodejs當中開始實際使用TS一定要安裝兩樣東西

npm install typescript typings -g

TS OK 沒問題  typings是啥玩意?

Typings可以調出modules的definition檔案，近似於C++中的header file，一般來說安裝modules除了利用npm install以外，如果是使用TS就會需要用到Typings額外安裝該模組的.d.ts檔案供TS引入模組使用，如果沒有這檔案要做基本require在TS編譯中可是會報錯誤的喔!

後面安裝Angular2就...之後再說吧  呵呵

留言

張貼留言

這個網誌中的熱門文章

Editor 比較~

圖片
現在有超多的前端編輯器讓人使用，我本身有玩過的有Atom, VI, Notepad++, Brackets, Visual Studio Code, Sublime Text 3 依照我使用經驗的部分來介紹一下各個編輯器中我認為的差異所在吧~ 1. Atom   背景不說了，單純討論使用觀感，我用的是算頗早之前0.35的版本(這篇文章目前1.12)，很多功能都沒有、不足或者有Bug，除了那個足夠炫麗的畫面以外，實際給我應用價值為0。基於Electron核心，所以雖然是編輯器，實際上算是瀏覽器(Chromium)做的應用程式。當時光是啟動耗費的記憶體就已經足夠嚇人，更別說開啟大型專案那執行速度根本就是慢... 適合於喜歡酷炫效果的人 2. VI 該怎說呢...對於被圖形介面寵壞的我，第一次碰到VI跟白癡一樣，沒有辦法用滑鼠對我來說根本就是沒用，所以接觸不多..用ssh遠端修改檔案才會使用到他，但是寫code到現在，完全根本不想碰滑鼠能夠用shortcut就用。開始感覺到VI的實際強大之處，可惜的是VI指令我一直沒有背.. 適合於完全不想用滑鼠的人 3. Notepad ++   第一個碰到的編輯器，當初是拿來寫C/C++專用，快、小、方便就是它的特點，裝模組後可以擴充很多功能，不過在使用Notepad++期間我是一直使用他最基本的功能就是了... 適合於帶著隨身碟到處跑的人 4. Brackets   我覺得光是LiveView就是這個編輯器的強大之處，啟動速度跟他的兄弟Atom差不多，但是LiveView模式就傲視群雄了，不用Save、Reload就可以直接看到結果，不僅是class連JS的修改都可以及時預覽，同時也有不錯的Class Hint的套件可供使用，不僅是Style連外部的CSS都可以吃到。 適合於Layout設計排版，要觀看及時效果的人 5. Visual Studio Code   我第2常用的編輯器，啟動是Electron三兄弟中(Atom, Brackets)最快的，寫TypeScript才開始真正接觸到，雖然在Beta版本就有接觸過，但是因為同樣的問題 記憶體、速度 而使...
閱讀完整內容

ts-node 應用

github page ts-node是直接執行typescript使用的，若是不想做tsc的動作而直接執行的話可以直接利用 ts-node <path-to-file> 直接去做執行 這中間當然可以套用一些其他的options不過簡單執行這個即可 注意：因為ts-node是執行typescript，所以先確定系統當中是否已經安裝typescript 一開始當然先說起手勢啦 yarn global add ts-node 上一篇提到了yarn那就當然用yarn來做安裝的動作啦 安裝期間東西會有點多，網速慢的大概要注意一下 雖然說ts-node可以直接執行typescript的程式，但是實際上執行情況是先將typescript先compile後放在cache中，然後再做執行，所以並不會像nodejs運行js檔案那樣來的快速，中間還是會有經過一次編譯的動作 該報錯還是會報錯，不過好處是它會直接trace到.ts的檔案，一般的.map.js檔案如果當中沒有註冊或者安裝其他套件做設定的話，最高一層只會追蹤到js就停止，並不會往上追到原始碼去 Options: -e, --eval [code] Evaluate code -p, --print [code] Evaluate code and print result -r, --require [path] Require a node module for execution -C, --compiler [name] Specify a custom TypeScript compiler -I, --ignoreWarnings [code] Ignore TypeScript warnings by diagnostic code -D, --disableWarnings Ignore every TypeScript warning -P, --project [path] Path to TypeScript project (or \`false\`) -O, --compilerOpti...
閱讀完整內容

n or nvm a nodejs version manager

這兩個都是nodejs的版本管理工具 不過很可惜的是n無法在windows上使用，而nvm則是要利用nvm-window 額外補充:nodist也是一款在windows尚可運行的管理套件不過我還沒有測試過之後在進行補充 照例 n : github page nvm : github page nvm-window : github page 因為現在工作環境在ubuntu16.04上面，所以我比較常用n來去做我的nodejs版本更新或者返回的動作 另外值得一提的是 n在切換nodejs版本時不會重新設定你的node_modules而nvm會 所以常用的global套件在使用nvm切換版本就得注意要重新安裝，不過當切回版本時global相關又會回來了 還有，在安裝nvm的時候，系統當中必須'沒有'安裝nodejs，nvm才能開始進行初步安裝 如果是使用n就不會有這問題 主要原因是兩者的安裝nodejs方式不同 首先看n安裝的部份 yarn global add n 再來是nvm安裝 (安裝在ubuntu 16.04\) curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 或者 wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 一個是裝在global node_modules當中，另外一個則是利用shell script的方式安裝， 如果一開始就有先安裝nodejs的話，在初始進行shell script的階段就會出錯 這點須特別注意 接下來就是指令對照，我只取常用的部份 n lts 安裝或者使用lts版本的nodejs n [version] 安裝或者使用者輸入特定版本號之nodejs version can be latest lts or x.x.x version name nvm install --lts nvm安裝lts版本nodejs nvm install [version] 注意：nvm當安裝...
閱讀完整內容