安裝項目依賴包---基于Ant-Design-Pro-2-0-的CMS管理后臺入門系列

wemallshop 發(fā)布于2019-08-23 14:38 / 2831人閱讀

摘要：安裝項目依賴包根據(jù)自身習慣的方式，自行選擇使用或進行安裝依賴包。安裝完成會顯示部分警報，暫時忽略。如果安裝最后顯示錯誤，請自行搜索查詢錯誤信息。

安裝項目依賴包

根據(jù)自身習慣的方式，自行選擇使用 npm 或 yarn 進行安裝依賴包。

注意：如果選擇 npm 安裝，后面的命令都是用 npm 命令，包括 npm start / npm build 等；選擇 yarn 安裝同樣如此。請勿將 npm 命令和 yarn 命令混合使用.

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

package.json 文件簡介

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

{
  /* 基本信息，包括項目名稱和項目版本 */
  
  "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，就是執(zhí)行 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指定項目開發(fā)所需要的模塊 */
  /* 分別由模塊名和對應(yīng)的版本要求組成 */
  
  "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 套件管理工具

在項目對應(yīng)的根目錄下，執(zhí)行以下命令

npm run install 或者 npm install 或者 npm i

執(zhí)行命令后，顯示安裝中的進度條：

大概一段時間后，即可安裝完成。安裝完成會顯示部分 WARN 警報，暫時忽略。

如果安裝最后顯示 ERROR 錯誤，請自行搜索查詢錯誤信息。

yarn 安裝

若無安裝 Yarn，請先安裝 yarn

在項目對應(yīng)的根目錄下，執(zhí)行以下命令
yarn install 或者 yarn

執(zhí)行命令后，顯示安裝中的進度條：

大概一段時間后，即可安裝完成。安裝完成會顯示部分 WARN 警報，暫時忽略。

如果安裝最后顯示 ERROR 錯誤，請自行搜索查詢錯誤信息。

PS: 我本地的node環(huán)境過低導(dǎo)致無法安裝部分依賴包，升級即可

作者簡介：李堯暉，蘆葦科技web前端開發(fā)工程師，代表作品：飛花亭小程序、續(xù)航基因、YY表情紅包、YY疊方塊直播競賽小游戲。擅長網(wǎng)站建設(shè)、微信公眾號開發(fā)、微信小程序開發(fā)、小游戲制作、企業(yè)微信制作、H5建設(shè)，專注于前端框架、服務(wù)端渲染、SEO技術(shù)、交互設(shè)計、圖像繪制、數(shù)據(jù)分析等研究。

歡迎和我們一起并肩作戰(zhàn)： web@talkmoney.cn
訪問 www.talkmoney.cn 了解更多

提供深圳微信公眾號外包，高質(zhì)量的釘釘開發(fā)，專業(yè)的企業(yè)微信建設(shè)，東莞微信小程序開發(fā)，廣州小游戲制作，廣東H5建設(shè)