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

Posted luwei-web

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安装项目依赖包---基于Ant-Design-Pro-2-0-的CMS管理后台入门系列相关的知识,希望对你有一定的参考价值。

安装项目依赖包

根据自身习惯的方式,自行选择使用 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. 执行命令后,显示安装中的进度条:

技术分享图片安装中

  1. 大概一段时间后,即可安装完成。安装完成会显示部分 WARN 警报,暂时忽略。
    如果安装最后显示 ERROR 错误,请自行搜索查询错误信息。

技术分享图片安装完成

yarn 安装

若无安装 Yarn,请先安装 yarn

  1. 在项目对应的根目录下,执行以下命令
    yarn install 或者 yarn

  2. 执行命令后,显示安装中的进度条:

技术分享图片安装中

  1. 大概一段时间后,即可安装完成。安装完成会显示部分 WARN 警报,暂时忽略。
    如果安装最后显示 ERROR 错误,请自行搜索查询错误信息。

PS: 我本地的node环境过低导致无法安装部分依赖包,升级即可

技术分享图片安装结果

作者简介:李尧晖,芦苇科技web前端开发工程师,代表作品:飞花亭小程序、续航基因、YY表情红包、YY叠方块直播竞赛小游戏。擅长网站建设、微信公众号开发、微信小程序开发、小游戏制作、企业微信制作、H5建设,专注于前端框架、服务端渲染、SEO技术、交互设计、图像绘制、数据分析等研究。

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

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














































以上是关于安装项目依赖包---基于Ant-Design-Pro-2-0-的CMS管理后台入门系列的主要内容,如果未能解决你的问题,请参考以下文章

基于webpack的Vue.js开发环境快速搭建

Python 一键安装全部依赖包

自动驾驶——标注工具(js+electron)的开发笔记(基于ERB)

git克隆项目到本地&&全局安装依赖项目&&安装依赖包&&启动服务

项目依赖包导出与导入

导出django项目依赖包在新项目安装