一.環境準備：

    2.將npm映象改為淘寶cnpm:            1.得到原本的映象地址：                    npm get registry                    > https://registry.npmjs.org/            2.設定成淘寶的（超級管理員）：                   npm config set registry http://registry.npm.taobao.org/            3.換成原來的：                   npm config set registry https://registry.npmjs.org/

二.開始構建專案：   3.開啟終端，輸入yarn global add create-react-app 安裝react的腳手架create-react-app   4.開啟VSCode的Extensions搜尋下列外掛，安裝外掛           必要：ESLint、DocumentThis、EasyLess、Complete JSDoc Tags、vscode-flow-ide、React native Tools、vscode-                               wechat、npm、babel-javascript、debugger for chrome、git lens、node debug 2、           可選：javascript (ES6) code snippets、reactjs code snippets、react-native/react/redux snippets for es6/es7、highlight                          bad chars、color highlight、Path Intellisense、partial diff   5. 利用VSCode新建第一個React專案        1、VSCode編輯器中使用快捷鍵ctrl+`開啟終端         2、在終端輸入create-react-app demo，自動建立名稱為demo的專案         3、cd demo進入demo專案中         4、yarn start或yarn build執行專案        5.此時，一個React專案就搭建成功。使用VScode搭建React要簡單很多，配置資訊都可以省去。直接開始編寫元件就可以               了。

本內容由安康學院“雨季”原創！