react组件和环境搭建

使用脚手架搭建开发环境(create-react-app)

脚手架安装工具,两种方式:

  1. npm install create-react-app -g 下载全局的脚手架
    创建项目:creaete-create-app 项目名字
  2. npx create-react-app project(项目名字)

这里用方法二:

在这里插入图片描述

下载完后会生成project文件夹,目录结构如下:

在这里插入图片描述
下一步,
3. cd project 进入到project文件夹
4. npm start 启动命令打开页面(网址迷认为:localhost:3000

接下来在src文件夹下创建文件夹:

在这里插入图片描述

以上是react的环境搭建以及组件划分,使用react时要清楚规范目录,组件划分明了,尽量一个页面存放在一个文件夹,使用时将组件引入到App.js即可。

猜你喜欢

转载自blog.csdn.net/Menqq/article/details/108399798