js 创建 React 项目
起因(目的):
js 很久没写了。
react js 之前粗略看过, 最近又需要用到, 继续学习， 记录 + 积累。
1. 新建 React 项目 的几种方法。
- 官方建议使用 next 来创建 React 项目， 但是我觉得太复杂了。以后再看看.
npx create-next-app@latest # !!! 不建议使用：
- 我之前用的是,
npx create-react-app small_react_app # app 名称不要包含大写字母
- 刚刚看可一个教程，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 里面， 如果遇到一些特殊的标点符号，需要用 \ 来转义！