react入門安裝


react的入門安裝

1.react的適用方法有兩種,其一是依賴在線的cdn地址:

https://reactjs.org/docs/cdn-links.html  官方給的cdn地址如下

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

2.另一種本地安裝配置react的環境,首先得安裝node.js用npm去裝react很方便

node.js中文網站:http://nodejs.cn/download/

node.js得安裝步驟:

windows安裝包exe直接輕松得下一步下一步即可。

安裝過程種有一處地方需要確認一下如下圖:

 

這里Add to PATH的意思就是添加npm到環境變量,這樣省了后面自己手動配置的麻煩。

3.安裝完成后按住win+R 輸入cmd進入命令提示符

 

 4.在命令提示符種輸入npm -version如果顯示出版本就證明安裝成功了如下圖(如果報錯提示沒有百度添加環境變量):

5.設置npm的鏡像地址,類似linux yum或者ubuntu apt-get的軟件倉庫地址,如果在國內使用npm速度很慢建議切換成淘寶鏡像方法如下:

npm config set registry https://registry.npm.taobao.org
npm config get registry 可以查看到是否已經配置(命令提示符不顯示的重新打開一邊命令提示符就在輸入命令就可以看到了)

6.安裝react及yarn腳手架

npm install -g create-react-app yarn

7.安裝合適的IDE編輯器,個人推薦vscode(好用,插件多自行百度安裝,免費)

vscode官網: https://code.visualstudio.com/
老規矩下后安裝下一步即可
打開軟件建立一個文件夾專門用來放你聯系的react文件,然后打開命令提示行Ctrl+Shift+`(左邊tab上面那個鍵)如下圖:

8.創建一個react項目

create-react-app.cmd myapp 然后開始自動安裝了,安裝完了后如下圖:

 這里已經提示怎么去啟動這個webapp  根據這兩部執行就可以讓默認的react模板跑起來

 cd myapp    然后   yarn start 啟動成功如下圖:

 

這個時候其實會自動打開localhost:3000地址看到最終效果也可以手動在瀏覽器種輸入這個地址訪問最終效果如下:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM