使用create-react-app脚手架搭建React项目

9 篇文章 0 订阅

用过脚手架就知道它的好处了,省了你很多时间去配置各种环境!!!!React脚手架他会帮你搭建一个" "项目,搭建好你只需要去写代码就行了!!1
:这里的空非空,就是脚手架已经帮你下载配置好webpack的环境以及各种依赖项,只需要写相应的组件就行了!

package.json 文件的作用:1.当前包(项目)的标识(当前包的名称,版本号);2.各种依赖(各种包之间的依赖);3.运行/打包(scripts中配置的运行的属性)

全局下载 create-react-app 脚手架

使用npm一般都比较慢或者下载失败!

cnpm i create-react-app -g

创建项目

自己可以创建一个文件夹,进入到其目录,然后输入:
:这里 react_app 是你的项目名字;

create-react-app react_app

等待几分钟,就会出现一个名叫 react_app的React项目

运行项目

进入到你的react_app项目目录下

cd react_app

然后输入:

npm start  或者 npm run start    (run可以省略)

到这里就完成了!!!!


自己看看下载好的文件结构以及配置的依赖项就明白了!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值