React+Typescript創(chuàng)建項(xiàng)目的實(shí)現(xiàn)步驟
接下來 我們來一起探索一下用TypeScript 來編寫react
這也是一個(gè)非常好的趨勢(shì)，目前也非常多人使用 那么 我們就先從創(chuàng)建項(xiàng)目開始
首先 我們先找一個(gè) 或者 之前創(chuàng)建一個(gè)目錄 用來放我們的項(xiàng)目
然后 在這個(gè)目錄下直接輸入 例如 這里 我想創(chuàng)建一個(gè)叫 tsReApp 的項(xiàng)目就可以輸入
npx create-react-app tsreapp --template typescript
這個(gè)沒辦法 這個(gè)命令是不支持大寫的 所以 名字就只好將大寫部分換成小寫了
然后 我們查看目錄 發(fā)現(xiàn)項(xiàng)目就已經(jīng)創(chuàng)建好了 這里 大家一定要搞清楚 npx的概念 他的意思是 如果你的項(xiàng)目中有執(zhí)行這個(gè)命令需要的依賴 他就用依賴 如果沒有 他就自己先將依賴裝好 再創(chuàng)建
然后 我們聊個(gè)題外話 官方推薦我們使用 VSCode 一般前端電腦里應(yīng)該都有 這個(gè)工具還是非常好用的
然后 我們用VSCode打開剛剛創(chuàng)建的項(xiàng)目 在 package.json 中 我們可以看到 啟動(dòng)命令是start
我們直接終端執(zhí)行
npm run start
然后 瀏覽器端 也正常起來了
但這個(gè)不得不承認(rèn) Ts項(xiàng)目的編譯速度 會(huì)比ES項(xiàng)目會(huì)稍微慢一些
到此這篇關(guān)于React+Typescript創(chuàng)建項(xiàng)目的實(shí)現(xiàn)步驟的文章就介紹到這了,更多相關(guān)React Typescript創(chuàng)建項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本篇文章主要介紹了詳解升級(jí)react-router 4 踩坑指南，主要是對(duì)react-router 4升級(jí)的踩坑總結(jié)，有興趣的可以了解一下2017-08-08
React中是單向數(shù)據(jù)流,數(shù)據(jù)只能從父組件通過屬性的方式傳給其子組件,本文主要介紹了React父子組件互相通信的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-11-11
這篇文章主要介紹了詳解React 的幾種條件渲染以及選擇，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
解決React?hook?'useState'?cannot?be?called?in?
這篇文章主要為大家介紹了React?hook?'useState'?cannot?be?called?in?a?class?component報(bào)錯(cuò)解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
react router4+redux實(shí)現(xiàn)路由權(quán)限控制的方法
本篇文章主要介紹了react router4+redux實(shí)現(xiàn)路由權(quán)限控制的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
reactjs學(xué)習(xí)解決unknown at rule @tailwind css
這篇文章主要介紹了reactjs學(xué)習(xí)解決unknown at rule @tailwind css問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
React Fiber 是 React 16 中引入的新的協(xié)調(diào)引擎或重寫的核心算法, 真針Fiber的一個(gè)重要的核心概念Fiber Node,這次主要的研究對(duì)象是： 如何從使用者/學(xué)習(xí) 者角度 在js 代碼上 拿到fiber 樹結(jié)構(gòu)的信息,,需要的朋友可以參考下2024-04-04
這篇文章主要為大家介紹了React初始化渲染過程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
使用React實(shí)現(xiàn)一個(gè)簡(jiǎn)單的待辦事項(xiàng)列表的示例代碼
這篇文章我們將詳細(xì)講解如何建立一個(gè)這樣簡(jiǎn)單的列表,文章通過代碼示例介紹的非常詳細(xì),對(duì)我們的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-08-08
一文帶你掌握React類式組件中setState的應(yīng)用
這篇文章主要為大家詳細(xì)介紹了介紹了React類式組件中setState的三種寫法以及簡(jiǎn)單討論下setState?到底是同步的還是異步的,感興趣的可以了解下2024-02-02