安裝項目依賴包

根據自身習慣的方式，自行選擇使用 npm 或 yarn 進行安裝依賴包。
注意：如果選擇 npm 安裝，後面的命令都是用 npm 命令，包括 npm start / npm build 等；選擇 yarn 安裝同樣如此。請勿將 npm 命令和 yarn 命令混合使用.

首先了解一下項目依賴包的配置文件

package.json 文件簡介

注意： .json 文件內不支持注釋，以下僅作為代碼闡述

{ /* 基本信息，包括項目名稱和項目版本 */

"name": "ant-design-pro",
"version": "2.1.1",
"description": "An out-of-box UI solution for enterprise applications",
"private": true,

/* scripts指定了運行腳本命令的npm命令行縮寫 */
/* 如 npm run start，就是執行 start 定義的命令 */
/* 另外，npm run start 可以簡寫為 npm start */

"scripts": {
"presite": "node ./scripts/generateMock.js && cd functions && npm install",
"start": "cross-env APP_TYPE=site umi dev",
"start:no-mock": "cross-env MOCK=none umi dev",
"build": "umi build"
},

/* dependencies欄位指定了項目運行所依賴的模塊 */
/* devDependencies指定項目開發所需要的模塊 */
/* 分別由模塊名和對應的版本要求組成 */

"dependencies": {
"@babel/runtime": "^7.1.5",
"antd": "^3.10.9"
},
"devDependencies": {
"@types/react": "^16.7.7",
"@types/react-dom": "^16.0.10",
"antd-pro-merge-less": "^0.2.0"
}

}

詳細介紹請參考 package.json文件

npm 安裝

若未安裝npm，請先前往安裝NPM 套件管理工具

在項目對應的根目錄下，執行以下命令

npm run install 或者 npm install 或者 npm i
執行命令後，顯示安裝中的進度條：

大概一段時間後，即可安裝完成。安裝完成會顯示部分 WARN 警報，暫時忽略。如果安裝最後顯示 ERROR 錯誤，請自行搜索查詢錯誤信息。

yarn 安裝

若無安裝 Yarn，請先安裝 yarn

在項目對應的根目錄下，執行以下命令

yarn install 或者 yarn
執行命令後，顯示安裝中的進度條：

大概一段時間後，即可安裝完成。安裝完成會顯示部分 WARN 警報，暫時忽略。如果安裝最後顯示 ERROR 錯誤，請自行搜索查詢錯誤信息。

PS: 我本地的node環境過低導致無法安裝部分依賴包，升級即可

安裝項目依賴包