使用CRA(Create React App):

  • Node >= 8.10
  • npm >= 5.6
執行指令
$ npx create-react-app my-app
$ cd my-app
$ npm start
執行成功就可以看到畫面了

目錄結構:

  • node_modules:專案存放函式庫的位置
  • public:放一些靜態檔
    manifest.json:提供了應用程式相關的資訊,詳細說明
    robots.txt:向搜尋引擎檢索器表明,檢索器可/不可要求哪些網站上的網頁或檔案,詳細說明
  • src:放置大部分開發的組件
  • .gitignore:排除不需要加入版控的檔案
  • package-lock.json:主要是在package.json中列出的每個依賴的詳細列表,應該安裝的特定版本,驗證套件替換的hash,詳細說明
  • package.json:定義相依的相關套件以及應用程式的資訊
  • yarn.lock:和package-lock.json類似,一樣可以保存 dependency

參考連結:

React 官方網站