iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

React基礎系列 第 5

第五天,建立一個React的新專案Create React App

  • 分享至 

  • xImage
  •  

1.開新的檔案(npx是npm 5.2所附帶的套件執行器)

npx create-react-app my-app

2.進入到目錄

cd my-app

3.執行npm start(目前的版本npm start有點怪怪的,我還弄不出來。所以就發佈到線上環境去做顯示。)

npm start

https://ithelp.ithome.com.tw/upload/images/20200903/20122648CG3dF1K7yv.png

https://ithelp.ithome.com.tw/upload/images/20200903/20122648z5meVmCAHX.png
4.發佈到線上環境

https://ithelp.ithome.com.tw/upload/images/20200903/20122648RV0njHa7uN.png

npm run build
npm install -g serve
serve -s build

https://ithelp.ithome.com.tw/upload/images/20200903/201226485ItdnDLlZu.png
結果就顯示出來了

https://ithelp.ithome.com.tw/upload/images/20200903/20122648c4c8T5Cacd.png


上一篇
第四天,react安裝環境了。
下一篇
第六天, React 元件
系列文
React基礎12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言