TypeScript環境搭建

前言

TypeScript是微軟開發的一門自由和開源的編程語言,TypeScript是JavaScript的一個超集，他保留JavaScript語言本身的特性,同時他向我們提供了一些語法糖幫助我們方便更好的實踐面向對象編程。

同時利用他我們可以使JavaScript開發變得更簡單，同時他更符合前端模塊化的開發，更是一個工程化的開發.

安裝環境

1、安裝Nodejs

安裝下載地址NodejsDownLoads

2、安裝TypeScript

npm install -g typescript

通過npm包管理工具進行全局安裝TypeScript環境，安裝後我們可通過如下代碼片段進行測試

fenghuideMacBook-Pro:~ fenghui$ tsc -v
Version 3.8.3
fenghuideMacBook-Pro:~ fenghui$ 

HelloWord

新建文件夾ts創建一個名hello.ts的文件編寫代碼如下所示

console.log("hello word")

我們在通過如下命令進行執行

tsc hello.ts

執行後我們可以發現他會形成一個以hello形成的js文件

同時打開js文件我們可以看到兩個文件裏面內容是相同的，因爲我們並沒有使用ts相關的語法.

我們再通過ts語法進行繼續演示

比如說我們進行創建一個字符串類型，我們將1賦值給str可以清晰的看到智能感知提示我們不能將類型1分配給類型string，通過這段提示我們可以發現ts對這些操作的嚴謹性。

那麼我們需要將1改成字符串類型

var str:string="1";

執行如上代碼後，我們再進行查看js文件如下所示