014-ant design pro advanced 使用 CLI 工具

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了014-ant design pro advanced 使用 CLI 工具相关的知识,希望对你有一定的参考价值。

一、概述

原文地址:https://pro.ant.design/docs/cli-cn

为了更好以及高效的开发效率,我们提供了配套的 ant-design-pro-cli 工具。

pro cli 提供了如下功能:

  • pro new 新建一个脚手架,会自动将最新的 Ant Design Pro 脚手架下载到本地并安装

  • pro generate 新建一个模板,包含 model、service、page、component

二、使用过程 

2.1、如何使用

使用 npm 安装到本地

npm install ant-design-pro-cli -g

2.2、新建脚手架

运行

pro new

2.3、新建模板

运行

pro generate

则会显示富交互的命令行提示界面:

  技术分享图片

然后通过交互提示就可以添加 pro 提供的标准模板。

目前提供的标准模板如下:

  • 页面模板

    • Blank

    • BasicList

    • BasicForm

  • 组件模板

    • stateless

    • normal

  • service

  • model

  

 

以上是关于014-ant design pro advanced 使用 CLI 工具的主要内容,如果未能解决你的问题,请参考以下文章

010-ant design pro advanced 图表

ant design pro advanced UI 测试

013-ant design pro advanced 错误处理

ant design pro advanced Mock 和联调

012-ant design pro advanced UI 测试

011-ant design pro advanced Mock 和联调