安裝項目依賴包

根據自身習慣的方式，自行選擇使用 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 套件管理工具

1. 在項目對應的根目錄下，執行如下命令 npm run install 或者 npm install 或者 npm i

2. 執行命令後，顯示安裝中的進度條：

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

yarn 安裝

若無安裝 Yarn，請先安裝 yarn

1. 在項目對應的根目錄下，執行如下命令 yarn install 或者 yarn

2. 執行命令後，顯示安裝中的進度條：

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

PS: 我本地的node環境太低致使沒法安裝部分依賴包，升級便可

• 做者簡介：李堯暉，蘆葦科技web前端開發工程師，表明做品：飛花亭小程序、續航基因、YY表情紅包、YY疊方塊直播競賽小遊戲。擅長網站建設、公衆號開發、微信小程序開發、小遊戲、公衆號開發，專一於前端框架、服務端渲染、SEO技術、交互設計、圖像繪製、數據分析等研究。

  歡迎和咱們一塊兒並肩做戰： web@talkmoney.cn 訪問 www.talkmoney.cn 瞭解更多