有關(guān)如何在不使用“創(chuàng)建-反應(yīng)-應(yīng)用”命令的情況下更快、更輕松地啟動(dòng) React 項(xiàng)目的指南。
對(duì)于我們必須先學(xué)習(xí)的東西,我們才能做到,我們通過做它們來學(xué)習(xí)。
如果您正在使用 React,并且每當(dāng)您啟動(dòng)新項(xiàng)目時(shí)都使用命令“create-react-app”,請(qǐng)就此打住,因?yàn)槟枰獓L試另一種方式來啟動(dòng)項(xiàng)目。
今天,我將引導(dǎo)您完成此路徑,以便您可以更快,更輕松地構(gòu)建下一個(gè)項(xiàng)目。
首先,打開您喜歡的IDE并打開一個(gè)空文件夾來存儲(chǔ)項(xiàng)目的文件,然后在終端上運(yùn)行以下命令:
運(yùn)行此命令后,它會(huì)詢問您幾個(gè)有關(guān)項(xiàng)目名稱,要使用的框架以及是否要使用Typescript或JavaScript構(gòu)建的問題:
成功回答這些問題后,您將看到有關(guān)如何運(yùn)行項(xiàng)目的詳細(xì)信息:
只需導(dǎo)航項(xiàng)目,安裝依賴項(xiàng)并運(yùn)行命令,即可看到如下所示的結(jié)果:npm run dev
如果你看到上面的屏幕,這意味著你成功地用 React 創(chuàng)建了一個(gè)新項(xiàng)目,如上所述,你可以用這種方法使用你喜歡的框架,這里快速說明,因?yàn)槲覀兪褂玫氖?Vite,所以每當(dāng)你運(yùn)行你的應(yīng)用程序時(shí),你都會(huì)有更快的性能。