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路...