React學習 一 安裝React環境

2021-10-06 01:59:47 字數 1085 閱讀 1913

建議碼友們一定要看react官方文件哦!!

1.node.js安裝

如果沒有安裝的小夥伴,看這裡node安裝教程

安裝之後一定要檢驗一下版本號是否出來了

2.安裝

簡單說一下 npx 的作用如:

1.預設情況下,首先檢查路徑中是否存在要執行的包(即在專案中);

2.如果存在,它將執行;

3.若不存在,意味著尚未安裝該軟體包,npx將安裝其最新版本,然後執行它;

//下面兩句效果一樣,這樣就能看到區別了吧!

npm run my-

package

npx my-

package

執行:npm start

react環境安裝是很簡單的。

3.yarn命令

npm i yarn -g

-i:install

-g:全域性安裝(global),使用 -g 或 --global

解除安裝:

1.安裝包直接軟體解除安裝。

2.npm安裝的則通過命令npm uninstall yarn -g解除安裝。

額外介紹一下:

yarn.lock檔案相當於的package.json檔案,該檔案記錄當前狀態下安裝的各個依賴包的具體**和版本號。

如果你的專案檔案裡面是yarn.lock 需要執行yarn install

如果你的專案檔案裡面是package.json 需要執行npm install

希望大家學習快樂哈!分享技術更快樂哦!

react學習六 react路由

react router 安裝包yarn add react router dom匯入路由模組 import reactdom from react dom route 表示乙個路由規則,在 route 上,有兩個比較重要的屬性,path component link 表示乙個路由的鏈結 就好比 v...

react學習札記 一

最近學習了一點react的知識,在此稍作小結記錄。首先,需要寫乙個react的class,寫法為var picture react.createclass 它的裡邊必須有render函式返回渲染的dom,但這時dom是虛擬的。呼叫的方法有兩種 第一種reactdom.render document....

React 學習筆記(一)

the api via extends react.component is similar to react.createclass with the exception of getinitialstate.instead of providing a separate getinitialst...