react脚手架学习记录

创建React应用基于create-react-app脚手架学习记录。

react提供了一个用于创建react项目的脚手架库:create-react-app

项目的整体技术架构为:react+webpack+es6+eslint

使用脚手架开发的项目的特点:模块化,组件化,工程化

脚手架安装

第一步,全局安装:npmi-gcreate-react-app

第二步,切换到想创项目的目录,使用命令:create-react-apphello-react

第三步,进入项目文件夹:cdhello-react

第四步,启动项目:npmstart

项目命令

npmstart运行项目

npmrunbuild打包

npmtest检测

npmruneject展示webpack配置文件(不可以回退)

创建成功后目录结构

注释:

create-react-app不支持全局安装,有时候新建项目命令会报warning,重新npm-i-gcreate-react-app之后再创建项目;或者使用官方的npxcreate-react-app项目名进行创建,官方链接


转载请注明:http://www.aierlanlan.com/rzdk/628.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了