用CRA(create-react-app)建立React App
用create-react-app建立app
1. 先安裝npm或yarn
請參考我的前一篇
2. 用標準範本建立app
以下三種都是建立新app的方法，我自己是yarn派的。不過因為網路上資源寫法各式各樣，所以還是都要認識一下，才知道怎改
- npm init react-app my-app
- npx create-react-app my-app
- yarn create react-app my-app
也可以選擇其他template
- yarn create react-app my-app --template typescript
- yarn create react-app my-app --template cra-template-pwa
- yarn create react-app my-app --template cra-template-pwa-typescript
3. 進入專案目錄
建立完成後要進入app目錄cd my-app
建置app
- npm run build
- yarn build
- yarn run build
實際上run的指令都跑package.json的script內寫的，如果懶的看有哪些指令也可以只打yarn run，它會列出指令的內容再打要跑得指令就好了。
執行app
- npm start
- yarn start
跑測試
- npm test
- yarn test
這個基本上我也不會自己手動跑, 裝VSCode的套件自動在存檔時自動跑測試
留言