极简步骤试玩Ant Design Pro myapp demo

使用AntDesignPro创建JavaScript应用快速指南

最新推荐文章于 2024-12-19 13:31:15 发布

原创最新推荐文章于 2024-12-19 13:31:15 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #npm

前端专栏收录该内容

1 篇文章

订阅专栏

本文档详细介绍了如何使用最新版本AntDesignPro(v5.2.0)创建一个JavaScript应用。首先，通过cnpm加速安装过程，然后克隆AntDesignPro仓库，选择JavaScript模板创建myapp。接着，解决husky安装问题并启动项目。最后，在本地浏览器中预览运行结果。

今天试了一把最新版本（v5.2.0）Ant Design Pro myapp demo：

确保安装cnpm，比npm快。有大把时间的可以忽略：
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

1. cd一个空目录，git clone https://github.com/ant-design/ant-design-pro.git
2. cd ant-desig-pro，npx create-umi myapp
-- 选JavaScript
-- 选Simple
3. cd myapp，修改myapp的package.json，不然在husky install这步报错“.git can't be found (see https://git.io/Jc3F9)”。找到prepare那一行改成：
"prepare": "cd .. && husky install myapp/.husky",
4. cd myapp，cnpm install & cnpm run start
5. 浏览器打开http://localhost:8000/