接下來 我們來一起探索一下用TypeScript 來編寫react

這也是一個非常好的趨勢，目前也非常多人使用
那么 我們就先從創建項目開始

首先 我們先找一個 或者 之前創建一個目錄 用來放我們的項目

然后 在這個目錄下直接輸入
例如 這里 我想創建一個叫 tsReApp 的項目就可以輸入

npx create-react-app tsreapp --template typescript

這個沒辦法 這個命令是不支持大寫的 所以 名字就只好將大寫部分換成小寫了

然后 我們查看目錄 發現項目就已經創建好了
這里 大家一定要搞清楚 npx的概念
他的意思是 如果你的項目中有執行這個命令需要的依賴 他就用依賴 如果沒有 他就自己先將依賴裝好 再創建

然后 我們聊個題外話
官方推薦我們使用 VSCode 一般前端電腦里應該都有 這個工具還是非常好用的

然后 我們用VSCode打開剛剛創建的項目
在 package.json 中 我們可以看到 啟動命令是start

我們直接終端執行

npm run start

然后 瀏覽器端 也正常起來了

但這個不得不承認 Ts項目的編譯速度 會比ES項目會稍微慢一些