react + react-router + redux + ant-Desgin 搭建react管理後臺 -- 初始化項目（一）

前言

　　學習總結使用，博客如中有錯誤的地方，請指正。改系列文章主要記錄了搭建一個管後臺的步驟，主要實現的功能有：使用路由模擬登陸、退出、以及切換不一樣的頁面；使用redux實現麪包屑；引入使用其餘經常使用的組件，好比highchart、富文本等，後續會繼續完善。

　　github地址：https://github.com/huangtao5921/react-antDesgin-admin （歡迎Star）

　　項目展現地址：https://huangtao5921.github.io/react-admin/ 

 

1、安裝yarn或者node

　　我用的是yarn，也能夠用npm，詳情能夠查看yarn文檔：

　  

 　　在命令行工具輸入：yarn --version  出現版本號，說明安裝成功：

       

 

2、初始化react項目

　　安裝yarn以後，命令行進入到本身須要放置項目的目錄下，我是將項目放在了桌面，執行 yarn create react-app+項目名稱，會生成一個項目，進入項目cd + 項目名稱，進入項目後雲心 yarn start，依次用到的命令是以下：

$ yarn create react-app react-antdesign-admin
$ cd react-antdesign-admin
$ yarn start

　　此時一個基本的項目已經生成，並運行在咱們的瀏覽器中 http://localhost:3000/，以下圖所示：

      

 打開項目，目錄結構以下所示：

　　

　　接下來執行 yarn eject 將webpack配置文件暴露出來，方便咱們後期對webpack配置進行更改。執行完該命令以後，根目錄下會多一個config的文件夾。

　　注：交流問題的能夠加QQ羣：531947619

　　

 下一篇：react + react-router + redux + ant-Desgin 搭建react管理後臺 -- 新增項目文件（二）