react腳手架引入typescript

2.腳手架引入typescript。（讓代碼更嚴謹，反正我暫時不需要，以后要看）

　　

　　 typescript是什么？

　　typescript其實就是一種（由微軟開發的自由和開源的）編程語言，它是JavaScript的一個超集，而且本質上向這個語言添加了可選的靜態類型和基於類的面向對象編程。

　　typescript有什么用？能做什么？

　　1、編譯時的強類型【TypeScript設計了一套類型機制來保證編譯時的強類型判斷。】

　　　　說人話：你可以申明變量的類型，typescript強大的強類型在編譯器檢驗的時候，那么任何其他類型的賦值將會引起編譯錯誤，而我們此時只要根據報錯改掉相應的參數即可。

　　　　　　　　強類型還有一個最大好處就是智能提示，例如你可以知道當前變量具有哪些屬性和方法，這樣就會很方便。 （我覺得就是智能提示及檢驗變量類型）

　　2、模塊化

　　

 

 　　　（我理解的是TypeScript的關鍵詞module可以合並也可以通過符號‘.’被嵌套，也可以通過export的對象外部調用）

　　3、已有的類庫可以很方便的使用

　　　　類似於C的頭文件，TypeScript允許你定義一些聲明，聲明已有的變量和類型，那么你可以很方便的用強類型的方式去調用已有的類庫。

 

react項目引入TypeScript

風之傷_3eed

0.0792019.03.12 10:28:37字數 113閱讀 1,354

使用create-react-app腳手架進行搭建。

一、首次安裝create-react-app(如果之前安裝過可以跳過這一步)

yarn global add create-react-app或者npm install -g create-react-app

二、 使用create-react-app構建TypeScript項目

create-react-app demo02 --typescript

三、已構建react項目引入TypeScript

npm install --save typescript @types/node @types/react @types/react-dom @types/jest 或者 yarn add typescript @types/node @types/react @types/react-dom @types/jest 

注意：
ts文件后綴名只對類型定義如果代碼中含有dom元素jsx之類的需要改為tsx文件后綴名。