您的位置:首页 > 新闻 > 资讯 > js 创建 React 项目

js 创建 React 项目

2024/12/26 19:22:08 来源:https://blog.csdn.net/waterHBO/article/details/141934825  浏览:    关键词:js 创建 React 项目

起因(目的):

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

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

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

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

  1. 我之前用的是,

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

  1. 刚刚看可一个教程,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 里面, 如果遇到一些特殊的标点符号,需要用 \ 来转义!

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com