js 创建 React 项目

起因(目的):

js 很久没写了。
react js 之前粗略看过, 最近又需要用到, 继续学习， 记录 + 积累。

1. 新建 React 项目 的几种方法。

1. 官方建议使用 next 来创建 React 项目， 但是我觉得太复杂了。以后再看看.

npx create-next-app@latest # !!! 不建议使用：

2. 我之前用的是,

npx create-react-app small_react_app # app 名称不要包含大写字母

3. 刚刚看可一个教程，vite 很火，也很快。！！！ 推荐这个 ！！！

npm create vite@latest 或
npm create vite@4.1.0
根据提示，逐步操作
npm install 或 npm i # 安装必要的包。
npm run dev # 运行默认的示例代码

2. 安装 bootstrap， 一个经典的 css 框架

目的是使用 css , 美化页面

npm i bootstrap@5.2.3 # 读法是： boot-strap，就是 鞋带 的意思！

3. 其他临时笔记

• node -v # 版本最好大于 19
• .tsx 文件， 是 react 的组件的文件！
• export default App; // 导出，可以用在别处！
• hmr: hot module replacement 热加载
• React 组件必须以大写字母开头
• 可以使用 <Fragment> 标签来替换 div, 或是直接使用 <> </>
• markdown 里面， 如果遇到一些特殊的标点符号，需要用 \ 来转义！