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

wemallshop 发布于2019-08-23 14:38 / 2815人阅读

摘要：安装项目依赖包根据自身习惯的方式，自行选择使用或进行安装依赖包。安装完成会显示部分警报，暂时忽略。如果安装最后显示错误，请自行搜索查询错误信息。

安装项目依赖包

根据自身习惯的方式，自行选择使用 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环境过低导致无法安装部分依赖包，升级即可

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

欢迎和我们一起并肩作战： web@talkmoney.cn
访问 www.talkmoney.cn 了解更多

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

GPU云服务器云服务器基于webrtc的项目基于webrtc的开源项目包依赖 java依赖项目

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100900.html

Laravel不权威导航

摘要：版微信第三方登陆包括微信微博等等，查看支持列表扩展好用的图片处理，也方便使用百度版百度版支付集合，包含支付宝等支付宝在的封装各国语言包，包含简体中文生成二维码工具，亲测好用未完大家可以向我推荐，直接在本文下留言即可。 Laravel不权威导航 Hi 这里是Roy整理的Laravel相关索引，希望能帮到大家showImg(http://static.segmentfault.com/bu...

focusj 2019-06-27 11:48 评论0 收藏0
推荐一个全新的简单可扩展的基于MVC模式开发的PHP CMS系统：metacms

摘要：项目拓展地址是基于框架设计的简单且可扩展的内容管理系统。是为这个系统开发的框架，该框架大量采用成熟开源的组件，提高了开发效率并降低了开发者的学习成本，避免重复造轮子。 metacms github项目拓展地址 https://github.com/mgckid/met... Overview metacms is a simple and extensible content man...

URLOS 2019-06-28 14:37 评论0 收藏0
13 个快速构建 Laravel 后台的扩展包

摘要：值得一提的是扩展包不免费用于商业用途，作者用一种人类友好的方式说你使用这个扩展包就是应该去挣钱的，而不是免费的去工作这个扩展包收费美元。除了这些，还有五个没有全面的审查的扩展包。最后，还有三个优质的包选择于。 showImg(https://segmentfault.com/img/remote/1460000012312105?w=2200&h=1125); 开发者们都是懒惰的，不，...

MiracleWong 2019-08-02 15:59 评论0 收藏0
13 个快速构建 Laravel 后台的扩展包

摘要：值得一提的是扩展包不免费用于商业用途，作者用一种人类友好的方式说你使用这个扩展包就是应该去挣钱的，而不是免费的去工作这个扩展包收费美元。除了这些，还有五个没有全面的审查的扩展包。最后，还有三个优质的包选择于。 showImg(https://segmentfault.com/img/remote/1460000012312105?w=2200&h=1125); 开发者们都是懒惰的，不，...

ityouknow 2019-06-28 14:26 评论0 收藏0
node入门基础

摘要：入门是一门基于的后台编程语言，由于其解析引擎为引擎，性能比较强大，再加上与前端语言关系更为密切的先天优势，使其在众多后台编程语言中脱颖而出。那么线程呢，线程，有时被称为轻量级进程，，是程序执行流的最小单元。 node入门 nodejs是一门基于JavaScript的后台编程语言，由于其解析引擎为V8引擎，性能比较强大，再加上与前端语言关系更为密切的先天优势，使其在众多后台编程语言中脱颖...

wujl596 2019-08-20 17:51 评论0 收藏0