本文詳細(xì)介紹了如何從零開始搭建一個 Typescript + React 開發(fā)的腳手架映琳，包含如何添加 Redux 以及 React Router 的環(huán)境。
本文代碼地址：ts-react-redux
建議將代碼拉下來之后购公，配合本文一起查看，效果更佳片酝。
代碼下載命令：git clone https://github.com/vettel-qin/ts-react-redux.git
相關(guān)文章目錄
從零開始固耘，一步一步搭建Typescript + React + Redux項目——創(chuàng)建項目結(jié)構(gòu)（一）
從零開始，一步一步搭建Typescript + React + Redux項目——開發(fā)環(huán)境配置（二）
從零開始镇辉，一步一步搭建 Typescript + React + Redux項目——集成React（三）
從零開始屡穗，一步一步搭建 Typescript + React + Redux項目——集成Redux（四）
從零開始，一步一步搭建 Typescript + React + Redux項目——項目打包（五）
從零開始忽肛，一步一步搭建 Typescript + React + Redux項目——團隊合作規(guī)范（六）
一村砂、創(chuàng)建項目結(jié)構(gòu)
1、新建文件夾并進入屹逛，命名為：ts-react-redux
????mkdir ts-react-redux && cd ts-react-redux
2础废、初始化 package.json文件，默認(rèn)已經(jīng)安裝node以及npm（如需安裝yarn罕模，執(zhí)行npm install -g yarn）
????yarn init 按照提示填寫項目基本信息
3评腺、初始化tsconfig.json文件
（1）、全局安裝typescript
????npm install -g typescript
????然后 tsc --init
（2）淑掌、項目內(nèi)安裝 npx tsc --init (推薦)
4蒿讥、創(chuàng)建src目錄，用來存放我們編寫的代碼。創(chuàng)建tools目錄芋绸，用來存放webpack配置文件
????mkdir src
????mkdir tools
5媒殉、在src目錄下 新建containers文件夾，用來存放頁面組件侥钳。新建components文件夾适袜，用來存放公共組件。新建utils文件夾舷夺，用來存放常用工具類苦酱。新建entries文件夾，用來存放入口文件给猾。
????cd src
????mkdir containers
????mkdir components
????mkdir utils
????mkdir entries
6疫萤、在tools目錄下新建webpack.config.ts，此時還沒有書寫內(nèi)容敢伸，之后會詳細(xì)地進行配置扯饶。
7、在entries目錄下新建入口文件index.ts和HTML模板index.html
????index.html
????index.ts
文章及代碼中如有問題池颈，歡迎指正尾序，謝謝！
