React 安裝與搭建

2021-09-19 13:53:25 字數 1078 閱讀 7529

1.安裝node.js

安裝完成之後在cmd中輸入node  -v和npm  -v檢視是否安裝成功:

3.建立react專案:

建立專案的過程需要花費幾分鐘:

安裝完成之後上面也會提示我們如何開始執行專案:

4.按照上面的提示進入到專案,然後啟動:

c:\users\wyhui>cd wyh-react-test

c:\users\wyhui\wyh-react-test>npm start

啟動後,瀏覽器會自動跳出react的頁面:

我們可以修改一下頁面中的提示語:

import react from 'react';

import logo from './logo.svg';

return (

react~~~

learn react);}

停掉剛才執行的專案,可以直接用ctrl+c,然後根據提示輸入y即可。

重新啟動專案,檢視修改後的效果:

乙個小的入門實驗。。。

node安裝與react環境搭建記錄

根據自己的電腦選擇。我選的是windows 64位,安裝過程很簡單不多說。檢測 開啟cmd 輸入node v 檢視是否安裝 npm工具也會隨node一起自動安裝,使用npm v 檢視你。環境配置 將全模組所在路徑和快取路徑放在我新建立的資料夾裡。配置原因 以後在執行類似 npm install ex...

react 搭建react開發環境

搭建react開發環境有兩種 1 必須要安裝nodejs 注意 安裝nodejs穩定版本 2.安裝腳手架工具 單檔案元件專案生成工具 只需要安裝一次 3.建立專案 可能建立多次 找到專案要建立的目錄 4.cd 到專案裡面 cd reactdemo npm start yarn start執行專案 n...

React的安裝與使用

安裝 npm版本較低的話建立專案會失敗,所以要確保npm的版本較高,公升級npm cnpm install g npm使用 建立專案的時候會安裝相應的包,所以耗時會稍微長一點,耐心等待 npm start 顯示問題 我按照之前 的習慣,用相對路徑來尋找,但是發現並不顯示出來,通過查詢發現react路...