搭建一个新的React项目及目录解读

一.搭建React开发环境的前期准备
1.必须安装node,注意:推荐安装版本号为双数的版本
下载地址搜索官网即可。
2.使用node自带的npm或者安装yarn
yarn下载地址
或者使用npm安装yarn:npm install -g yarn

二.搭建一个新的React项目
1.安装React官方脚手架(create-react-app) 全局下安装一次就可以了
命令行工具中输入:
npm install -g create-react-app

yarn add -g create-react-app

2.开始创建
命令行工具中输入:
1.create-react-app 项目名称
2.cd 项目名称 进入文件夹
3.运行 yarn start或npm start
4.完成会自动在浏览器打开,地址是http://localhost:3000/

二.目录解读
工程目录图
node_modules为 依赖node的工具包目录
public为 公共目录
其中

  1. index.html是入口文件
  2. favicon.ico文件是title上的小图标文件
  3. manifest.json这个是由PWA提供的允许将站点添加至主屏幕的功能文件(不用管)

src为源码目录
package.json是配置文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值