ant design pro学习笔记001

ant design pro学习笔记001

• Ant Design Pro 是一个企业级中后台前端/设计解决方案,可以快速高效的搭建中台–后端管理页面

安装

建立一个文件夹
进入这个文件夹
创建项目
安装脚手架 pro new

cd /Users/.../vue/antDesignPro
npm install ant-design-pro-cli -g
mkdir es-test && cd es-test
pro new

开始安装开发包

npm install

项目路径
启动项目

/Users/.../vue/antDesignPro/es-test/y/es-test
npm start

启动日志如下：

> ant-design-pro@4.0.0 start /Users/.../vue/antDesignPro/es-test/y/es-test
> umi dev

🚀 Starting Umi UI using umi@3.1.1...
🌈 Umi UI mini Ready on port 3000.
Starting the development server...

✔ Webpack
  Compiled successfully in 43.29s

 DONE  Compiled successfully in 43290ms                                                                                                    下午9:16:44


  App running at:
  - Local:   http://localhost:8000 (copied to clipboard)
  - Network: http://192.168.31.241:8000

浏览器中输入：http://localhost:8000
127.0.0.1:8000
http://192.168.31.241:8000