React開發流程

1. 通过脚手架来创建一个react项目。
2. 编写react组件,构建页面,添加依赖。
3. 开发完成之后进行打包。
4. 部署到服务器。

相關擴充套件

• ES7+ React/Redux/React-Native snippets

輸入rfce可自動生成以下程式碼

import React from 'react'

function Hello() {
  return (
    <div>Hello</div>
  )
}

export default Hello

現在已經不推薦使用Create React App構建React專案，可改用以下方式

https://zh-hans.react.dev/learn/build-a-react-app-from-scratch

1. 使用vite建構react專案

以下分成兩種方案， A是新建立專案，B是將原CRA專案移植到vite：

A. 使用 Vite 創立一個新的 React專案：使用以下命令使用 Vite 開啟一個新的 React 專案：

npm create vite@latest

B. 將您的現有 CRA 項目遷移到 Vite：以下步驟將現有 CRA 專案遷移到 Vite：