安装项目依赖包---基于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建设
