1. 程式人生 > >react 基礎語法復習1- 搭建開發環境

react 基礎語法復習1- 搭建開發環境

install div com 基礎 教程 image red react教程 router

之前有看過阮一峰老師的react教程跟著做了一遍,學習了一下。好久沒看,有點忘記了,這次跟著腳手架工具系統的復習一遍。順便學習學習 react-router 和 redux

首先,腳手架工具我使用的是create-react-app ,這個是官方出的,感覺比較靠譜。不過真實使用起來感覺比vue-cli復雜,webpack配置文件都在node_modules文件夾裏面,找了好久,並且開發環境和生產環境有分開配置了。

全局安裝 腳手架工具

cnpm i -g create-react-app //   i 為 install 的縮寫   -g 全局安裝

安裝好之後的目錄為

技術分享

public 文件夾當中存放 html 文件以及 favion.icon等。src當中存放react源碼

接著就可以在src裏面進行開發工作了

react 基礎語法復習1- 搭建開發環境