我要评论目录
1 项目安装
1.1 选定目录，启动终端
你可以在自己电脑里，找一个文件夹，做为这次react项目练手的目录，然后在文件夹的url处，输入 “cmd” ，终端就弹出来了，然后还可以指定到目标目录下：
就是这个地方，输入“cmd”，然后回车，就可以唤起终端弹窗了。
1.2 安装 create-react-app 命令
执行以下命令，-g 表示全局安装一下
1.3 创建项目
比如说，我们要创建一个名字叫 js-tool-big-box-react 的项目，那么可以执行以下命令：
然后终端就会进行安装，安装可能会稍微有点慢，耐心等待一下，安装完成后如下图所示：
1.4 查看目录文件
1.5 启动项目
上面的图片中，我们用vscode编辑器，打开了react项目，这个时候，在控制台输入命令：
然后，项目会主动帮助我们唤起浏览器， http://localhost:3000/ 的地址，然后你就可以看到转动的react图标啦，项目就算安装完成了。
2 一定会用到的第三方库
项目安装完成以后呢，就要着手项目开发了。正所谓工欲善其事，必先利其气。在项目开发之前，我们先说几个，前端项目开发中，一定会用到的第三方库。用了这几个第三方库呢，可以帮我们开发更高效。
2.1 js-tool-big-box
js-tool-big-box几乎是前端开发项目，必用的一个npm库，他的功能丰富，使用便捷，可以让前端开发及其高效。目前他的功能包括但不限于：
2.1.1 时间日期类
2.1.2 网页store类
2.1.3 事件类
2.1.4 number类
2.1.5 string类
2.1.6 正则验证类
2.1.7 ajax类
2.1.8 data数据类
2.1.9 browser浏览器类
2.2 less或者sass预处理器
传统的css编写方式比较低端，使用less或者sass这种预处理器，可以让css开发高效起来，非常推荐使用。
学习文档(less 快速入门 | less.js 中文文档 - less 中文网 (bootcss.com))
2.3 axios请求库
一般项目都会涉及到与服务端交互，而这个时候你可以使用axios发送请求。
axios学习文档(axios中文文档|axios中文网 | axios (axios-js.com))
2.4 ui库
针对react，如果是c端开发呢，我们还是希望可以手写一些比较轻量级的ui库，但如果是b端呢，我们推荐ant design。
ant design学习文档(ant design - 一套企业级 ui 设计语言和 react 组件库)
发表评论