react dva antd 專案環境搭建

1.專案開始前的準備工作

• node.js的安裝，曉得基本指令； 到官方去下載

當然不會也都沒有關係，有的時候避免不了現學現賣，像我…

環境的搭建

• 首次建立專案檔案：（在你需要建立專案檔案的地方：shift+右鍵）開啟powershell視窗，此時建立的檔案就會預設在你當前的位置了。(my-app指的是檔名)
• 基礎環境的配置指令： npm install -g create-react-app
• 建立一個新的專案指令： create-react-app my-app
• 進入檔案指令: cd my-app
• 頁面的執行：npm start
• 你會得到一個基本的如下圖的網頁展示:

dva的引入：

• React-dva 的環境配置指令(只需要首次配置)：npm install -g dva-cli
• 建立專案檔案指令:dva new my-app
• 進入專案檔案：cd my-app
• 執行指令:npm start、

如果是二次建立的話：

• 建立專案檔案指令： mkdir my-app
• 進入專案檔案：cd my-app
• 初始化生成專案檔案：dva init
• 執行:npm start
  
  執行結果如下：
  

接下來就是按需引入的問題了

• 比如antd的引入 npm install antd --save
  **由於亂七八糟的元件、外掛，五花八門，看得人眼花繚亂，所以可以引用現成的，把現成的package.json中的外掛資訊copy過來，npm i所謂一鍵搞定不過如此…