第 30 天 [ 在 Github 上傳 React 在 codesandbox 使用 React ]

我是圈圈
2022-10-18 07:15:24

今天的重點摘錄

1. 上傳 Github 步驟：

連進你的 Github 創建一個儲存庫（如果你已經做好，可以跳過這步）

創建你的 React 專案（如果你已經做好，可以跳過這步）

安裝 gh-pages package ： npm install gh-pages --save-dev

在 package.json 加上幾行：
"homepage": "https://username.github.io/repo-name",
"predeploy": "npm run build",
"deploy": "gh-pages -d build",

使用 git remote 將本地端連上遠端（如果你已經連接過，可以跳過這步）：git remote add origin https://username.github.io/repo-name.git

在終端機輸入此指令 npm run deploy （若要自己設定 commit message 輸入： npm run deploy -- -m "Deploy React app to GitHub Pages"）

在 Github 的設定把預設分支設成 gh-pages 並把儲存庫設為公開

2. Code Sandbox 網址： https://codesandbox.io/

3. 在 Code Sandbox 開啟 React Emmet 的方法：右上角點點點 / Preference / 搜尋 emmet 並在 includeLanguages 加入 "javascript": "javascriptreact" （必須在副檔名是 .jsx 時才適用）

Github