如何自己搭建一个react项目

　　　　马上你们就要过农历新年啦~

　　　　先祝大家，最近项目已经封库(为了过新年不出意外)，现在的上班就是混吃等死差不多，但4 （我为什么要用绿色？），这样就可以研究研究自己的东西啦~比如我的公众号，博客，还有朋友圈，微博，知乎...这些东西肯定都不能闲着，闲着也是闲着，就整理下自己的思路，方便混时间。

　　　　今天，我在闲暇中突然想自己试着创建一个react项目。头脑三分钟热度，就开始了。

一、准备工作

　　a：  电脑

　　b： 你最稀饭的编辑器

　　c： 安装git

　　d： 安装nodeJS

二、向导

　　首次搭建项目，你需要一个Git账户，如果没有就新建一个。账号创建完，资料你已经填写齐全，就直接在你最想建项目的文件路径下创建一个文件夹以便放置自己的项目。

　　接着安装Create-React-APP脚手架

　　　　npm install -g create-react-app

　　使用命令创建你项目，demo等于你的项目名称　

　　　　create-react-app demo

　　打开项目执行命令启动项目

　　　　npm start

　　这时候便可以打开你的账户，创建项目仓库。打开本地GitBash，执行

　　　　git init 　　

　　创建仓库，再执行

　　　　git add .

　　将项目中所有文件（点）添加到你的本地仓库。再者是本地仓库与github仓库的关联

　　　　git remote add origin https://github.com/yourName/demo.git

　　最后便可通过命令行代码和你的项目同步。首次提交代码

　　　　git push -u origin master

三、结语

 　　简单快捷的操作，之后的东西和平时在项目中运用都是一样的，直接进行编码就OK了。这期间，我又偷懒想要运用antd-M，于是找到一篇博客，按照他的指引安装，导致出了一点小插曲，后来得知高人指导十分钟解决了。要说的是所有私人博客分享的文章都会漏掉很多东西，需要老老实实的按照官方网站指引来安装才不会出错。我中间就出错了，没错，就是这样的。在安装得时候就是只按照别人分享的很久很久以前的博客来安装的，所以就漏掉了这一步

 

导致显示出来的东西没有样式，原因是因为他解析不到我config里的文件，我自己创建的 babelrc.js 文件也出现

   .

然而页面不会报错也不没有警告，让你都不知道问题出在哪里。下断点在入口文件才发现到。所以，有官网千万不要去私人博客中查询，因为我们写的文章分享出来可能与官网有出入不同。以后官网有改动，有更新我们都不会说再去更新我们的文章。这篇文章先更新到这里，我要投入到antd组件大海中去了~