从零配置react脚手架create-react-app

一、安装

首先必须得安装好nodejs,Create React App只是一个可以在macOS、Windows和Linux上运行的无配置文件的构建项目工具。运行以下命令全局安装它。

npm install -g create-react-app

注：小编在Mac系统安装有一直失败，然后后来得知，没有系统权限。需要在前面添加sudo。如果有这样问题，输入sudo npm install -g create-react-app，然后输入密码即可。

二、创建react项目应用

安装好就可以创建项目：

create-react-app react-admin && cd react-admin

WechatIMG58.png

安装完之后生成的目录结构如图：

image.png

三、启动React项目

项目创建好之后，并进入到创建好的项目根目录中可以启动项目。

npm start

如果看到这个页面就启动成功了:

image.png

四、运行测试脚本

npm test

五、打包应用

项目编写好之后，需要打包发布。

rm -rf build/          （如果有build文件夹删除build文件夹 ）
npm run build