create-react-app 脚手架环境搭建

前端之家收集整理的这篇文章主要介绍了create-react-app 脚手架环境搭建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

安装 create-react-app

create-react-app 是一个包,也可以叫做脚手架,项目环境的搭建需要使用到它,所以需要先安装。

这里使用 npm 进行安装脚手架,如果没有安装 npm,可以先安装 nvm 再进行安装。

nvm安装教程: https://my.oschina.net/u/3500483/blog/909858

$ npm install -g create-react-app

这里也许要等待漫长的时间........

在项目中使用脚手架

在d盘根目录下创建文件夹 react-demo,目录为:d:/react-demo,以下简称项目根目录。

$ create-react-app d:/react-demo

这一步骤的操作会在项目根目录下自动创建脚手架目录结构以及下载一些依赖包。

过程中可能会遇到的问题:create-react-app 不是内部或外部命令解决方案?

解决方法https://my.oschina.net/u/3500483/blog/909864

等到项目根目录下出现以下完整目录结构就说明项目中已经成功的引入了脚手架。

测试脚手架

安装了之后,要验证是否安装成功。需要执行一下步骤:

$ cd d:/react-demo // 跳转项目根目录

$ npm start // 启动服务

当服务完全启动之后,浏览器中输入:localhost:3000 地址回车(也可能是浏览器自动弹出),出现以下页面说明环境搭建成功。

参考资料:

环境搭建

https://github.com/facebookincubator/create-react-app/blob/master/README.md

用户指南 API

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md

猜你在找的React相关文章