瑕佹惌寤篟eact寮€鍙戠幆澧冿紝鎮ㄩ渶瑕佹寜鐓т互涓嬫楠よ繘琛屾搷浣滐細

1. 瀹夎Node.js锛歊eact椤圭洰渚濊禆Node.js鏉ヨ繍琛屽拰绠＄悊鍖呫€傛偍鍙互浠嶯ode.js瀹樻柟缃戠珯锛坔ttps://nodejs.org/锛変笅杞介€傚悎鎮ㄦ搷浣滅郴缁熺殑瀹夎绋嬪簭锛屽苟鎸夌収鎸囩ず杩涜瀹夎銆?/p>

2. 瀹夎鍖呯鐞嗗櫒锛歂ode.js瀹夎瀹屾瘯鍚庯紝浼氶檮甯﹀畨瑁呭寘绠＄悊鍣╪pm銆傛偍鍙互鍦ㄧ粓绔垨鍛戒护鎻愮ず绗︿腑杩愯浠ヤ笅鍛戒护鏉ユ鏌pm鏄惁姝ｇ‘瀹夎锛?/p>

npm -v

3. 鍒涘缓React搴旂敤锛氬湪缁堢鎴栧懡浠ゆ彁绀虹涓紝杩涘叆鎮ㄦ兂瑕佸垱寤篟eact搴旂敤鐨勭洰褰曪紝骞惰繍琛屼互涓嬪懡浠ゆ潵鍒涘缓鏂扮殑React搴旂敤锛?/li>

npx create-react-app my-app

鍏朵腑锛?quot;my-app"鏄偍鑷畾涔夌殑搴旂敤鍚嶇О銆?/p>

4. 杩涘叆搴旂敤鐩綍锛氬垱寤篟eact搴旂敤鍚庯紝杩涘叆搴旂敤鐩綍锛?/li>

cd my-app

5. 鍚姩搴旂敤锛氬湪搴旂敤鐩綍涓紝杩愯浠ヤ笅鍛戒护鏉ュ惎鍔≧eact搴旂敤锛?/li>

npm start

杩欏皢浼氬惎鍔ㄥ紑鍙戞湇鍔″櫒锛屽苟鍦ㄦ祻瑙堝櫒涓墦寮€搴旂敤銆?/p>

6. 瀹屾垚锛氳嚦姝わ紝鎮ㄥ凡缁忔垚鍔熸惌寤轰簡React寮€鍙戠幆澧冦€傛偍鍙互鍦ㄧ紪杈戝櫒涓紪杈戜唬鐮侊紝骞跺湪娴忚鍣ㄤ腑鏌ョ湅鏇存敼鐨勬晥鏋溿€?/li>

璇锋敞鎰忥紝杩欏彧鏄渶鍩烘湰鐨凴eact寮€鍙戠幆澧冩惌寤烘楠わ紝鐢ㄤ簬蹇€熷紑濮婻eact寮€鍙戙€傛牴鎹叿浣撻渶姹傦紝鎮ㄥ彲鑳借繕闇€瑕佸畨瑁呭叾浠栧伐鍏锋垨搴撱€傝缁嗙殑React寮€鍙戠幆澧冩惌寤哄拰閰嶇疆鍙互鍙傝€僐eact瀹樻柟鏂囨。锛坔ttps://reactjs.org/docs/create-a-new-react-app.html锛変腑鐨勬寚寮曘€?/p>