Ant Design简单简单简单运行

1.安装脚手架工具,显示如下图即安装脚手架成功

npm install antd-init -g

在这里插入图片描述

2.创建一个工程,使用如下命令

mkdir antd-demo
cd antd-demo

3.初始化项目

antd-init

在这里插入图片描述

4.安装依赖

npm install

5.运行Ant Design项目,网址输入localhost:8000,成功运行

npm start

在这里插入图片描述

-config                   // 配置文件
  --config.js               // 路由定义文件&&代理路径文件
  --defaultSettings.js      // 主题颜色以及标题配置文件
  --plugin.config.js        // 没怎么用过的配置文件 
-dist                     // 构建项目之后产生的文件
-mock                     // mock数据文件 用于本地开发使用
-node_modules             // 资源文件
-public                   // 静态图片资源
-src                      // 开发项目文件(主要在此目录下进行发)
  --assets                  // 存放平台logo
  --components              // 全局组件文件夹
  --layouts                 // 全局布局文件
  --locales                 // 国际化文件
  --models                  // 全局model文件 定义全局请求函数
  --pages                   // 页面文件
  --service                 // 全局service 发起请求文件
  --utils                   // 工具文件 其中会有自定义request.js
-tests                    // 没怎么用过
...                       // 一些package打包配置文件
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值