安装项目依赖包---基于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 套件管理工具
在项目对应的根目录下,执行以下命令
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建设
转载于:https://www.cnblogs.com/luwei-web/p/10209309.html
安装项目依赖包---基于Ant-Design-Pro-2-0-的CMS管理后台入门系列相关推荐
- 漂亮的实力派 Ant Design Pro 2.0 正式发布
1.0 发布之后,Ant Design Pro 受到了业界广泛关注和使用,GitHub 上 star 数一路增长到 11,686 个,在蚂蚁金服内部也落地数百个中后台应用. 在这 8 个月内,2.0 ...
- 基于ant design pro的前后端分离的小型餐馆管理系统
安装配置 前端 下载代码 antDesignProLearning-front 安装依赖,在命令行输入命令npm install或yarn 官方推荐使用 tyarn 来进行包管理,可以极大地减少 in ...
- React 基于ant design Pro 4 实现的一个分页, 自定义页码颜色
标题目录 代码 样式 前言 这是在 Ant Design Pro 4 中基于 ant design 的 Pagination 分页组件的基础上开发的. 有这么一个需求, 页码的颜色基于该页是否有差异, ...
- Artiely Vue Admin - 基于蚂蚁金服Ant Design构建的高颜值开源管理后台UI框架
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架. 关于 Artiely Vue Admin Ant Design 是阿里巴巴蚂蚁金服团队出品 ...
- Ant Design Pro 2.0/umijs站点配置到非站点根目录下处理
1.config/config.js中 export default {中加上如下: history: 'hash', //采用hash路由:#/xxx的形式 base:'./', publicPat ...
- Ant Design Pro v4 is Here
Ant Design Pro v4 is Here 距离 Pro 的上个版本发布已经过去了 8 个月,Pro 也进行了许多的迭代,但是大部分更新仍然以修复 bug 为主.在此期间我们遇到了许多使用 P ...
- 为什么我选择Ant Design Pro脚手架
为什么我选择Ant Design Pro脚手架 首先先来谈谈Ant Design Pro脚手架好处: 初始化操作简单! 启动脚手架方便! 任何一种语言和框架,满足以上两点,肯定会得到很好的推广(比较大 ...
- Ant Design Pro 企业级后台实战(73 个视频)
Ant Design Pro 企业级后台实战(73 个视频) Ant Design Pro 企业级后台实战 #1 介绍(声音已调到毫无杂音_) Ant Design Pro 企业级后台实战 #2 学习 ...
- Ant Design Pro V5删除自带的国际化
Ant Design Pro V5删除自带的国际化 最近做了一个基于Ant Design pro v5 + umi3的集团晋升系统,运行项目的时候,路由那边自定义name的时候会触发框架自带的国际化, ...
最新文章
- 请指出document load和document ready的区别?
- QuickFlow之任务代理-TaskDelegation
- [html] 当页面中使用application/xhtml+xml会出现什么问题吗?
- mysql线程缓存和表缓存
- IO多路复用的机制:select、poll、epoll
- mysql清除旧版本_MYSQL使用INNODB时及时清理旧版本数据
- mysql免费框架_MySQL(ORM框架)
- 彻底了解HASH算法及应用(一)
- 语法制导的翻译是如何实现的_考研寄宿:怎样提高英语翻译的能力?
- 【人话版】WEB3黑暗森林中的隐私博弈
- c语言从入门到放弃之冒泡排序
- CNN卷积神经网络原理讲解+图片识别应用(附源码)
- python知道章节答案_智慧树知道Python数据分析与数据可视化答案,章节期末教程考试网课答案...
- 财商帮解读:高质量的社群都离不开这10个关键要素!
- html邮箱图标代码,CSS3 单元素邮件图标
- java qq登陆 server_java实现QQ互联登录
- 端午假期整理了仿天猫H5 APP项目vue.js+express+mongo
- 过程计算机系统 pcs,科学网-对PCS(等离子体控制系统)软件基本结构的理解-章勇的博文...
- 对软件测试团队“核心价值”的思考(来自 李云)
- SQLite虚表介绍