创建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项目名进行创建,官方链接