从零配置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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容