安装项目依赖包---基于Ant-Design-Pro-2-0-的CMS管理后台入门系列

Posted 2021-01-31 luwei-web

安装项目依赖包

根据自身习惯的方式，自行选择使用 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叠方块直播竞赛小游戏。擅长网站建设、微信公众号开发、微信小程序开发、小游戏制作、企业微信制作、H5建设，专注于前端框架、服务端渲染、SEO技术、交互设计、图像绘制、数据分析等研究。

欢迎和我们一起并肩作战： [email protected]
访问 www.talkmoney.cn 了解更多

提供深圳微信公众号外包，高质量的钉钉开发，专业的企业微信建设，东莞微信小程序开发，广州小游戏制作，广东H5建设