React+Typescript創(chuàng)建項目的實現(xiàn)步驟
接下來 我們來一起探索一下用TypeScript 來編寫react
這也是一個非常好的趨勢，目前也非常多人使用 那么 我們就先從創(chuàng)建項目開始
首先 我們先找一個 或者 之前創(chuàng)建一個目錄 用來放我們的項目
然后 在這個目錄下直接輸入 例如 這里 我想創(chuàng)建一個叫 tsReApp 的項目就可以輸入
npx create-react-app tsreapp --template typescript
這個沒辦法 這個命令是不支持大寫的 所以 名字就只好將大寫部分換成小寫了
然后 我們查看目錄 發(fā)現(xiàn)項目就已經(jīng)創(chuàng)建好了 這里 大家一定要搞清楚 npx的概念 他的意思是 如果你的項目中有執(zhí)行這個命令需要的依賴 他就用依賴 如果沒有 他就自己先將依賴裝好 再創(chuàng)建
然后 我們聊個題外話 官方推薦我們使用 VSCode 一般前端電腦里應(yīng)該都有 這個工具還是非常好用的
然后 我們用VSCode打開剛剛創(chuàng)建的項目 在 package.json 中 我們可以看到 啟動命令是start
我們直接終端執(zhí)行
npm run start
然后 瀏覽器端 也正常起來了
但這個不得不承認 Ts項目的編譯速度 會比ES項目會稍微慢一些
到此這篇關(guān)于React+Typescript創(chuàng)建項目的實現(xiàn)步驟的文章就介紹到這了,更多相關(guān)React Typescript創(chuàng)建項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
React實現(xiàn)基于Antd密碼強度校驗組件示例詳解
這篇文章主要為大家介紹了React實現(xiàn)基于Antd密碼強度校驗組件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
React利用scheduler思想實現(xiàn)任務(wù)的打斷與恢復(fù)
這篇文章主要為大家詳細介紹了React如何利用scheduler思想實現(xiàn)任務(wù)的打斷與恢復(fù),文中的示例代碼講解詳細,感興趣的小伙伴可以參考一下2024-03-03
這篇文章主要介紹了使用React實現(xiàn)一個內(nèi)容滑動組件效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了react實現(xiàn)簡單的拖拽功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家介紹了React中編寫CSS實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
React.js入門實例教程之創(chuàng)建hello world 的5種方式
React 是近期非常熱門的一個前端開發(fā)框架。應(yīng)用非常廣泛，接下來通過本文給大家介紹React.js入門實例教程之創(chuàng)建hello world 的5種方式 ，需要的朋友參考下吧2016-05-05
在業(yè)務(wù)中,需要在一個卡片組件中展示多個標簽,標簽組件高度相同,寬度和出現(xiàn)順序不同,要求標簽只能在有限的空間內(nèi)展示,所以本文給大家介紹了React實現(xiàn)多標簽在有限空間內(nèi)展示,需要的朋友可以參考下2023-12-12
React onBlur回調(diào)中使用document.activeElement返回body完美解決方案
這篇文章主要介紹了React onBlur回調(diào)中使用document.activeElement返回body完美解決方案,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
更強大的React 狀態(tài)管理庫Zustand使用詳解
這篇文章主要為大家介紹了更強大的React 狀態(tài)管理庫Zustand使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要為大家介紹了ReactJS中不同類型的狀態(tài)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12