如何从0创建一个react项目

Posted oulae

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从0创建一个react项目相关的知识,希望对你有一定的参考价值。

1. 确保本机电脑安装了yarn和node:

技术图片

 

2. 在需要安装的文件夹目录下输入:create-react-app  +(项目名称):

技术图片

PS:上图使用的软件为webStorm

 

3. 此时一个简单的react项目就已经创建好了, react 项目目录下的文件的意思:

  ①. public: 文件夹中是 index.html存放目录,也就是React根页面的所在地

  ②. src: 用于存放js文件,也就是项目开发中的主要区域

  ③. package.json: 用于记录项目信息,以及外部依赖包的导入信息等

 

 

以上是关于如何从0创建一个react项目的主要内容,如果未能解决你的问题,请参考以下文章

从create-react-app迁移到vite

如何从我的 react-native 项目构建 android apk?

React Admin - 从数组创建表

如何将 CSS 从“::before”选择器移动到 React?

从0搭建React+antd+TypeScript+Umi Hooks+Mobx前端框架

如何调试从 create-react-app 创建的应用程序使用的本地打字稿模块