搭建Vue版Ant Design Pro后台管理系统
1、从 GitHub 仓库中直接安装最新的脚手架代码
git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git my-project
cd my-project
2、安装依赖
yarn install
如果网络状况不佳,可以使用 cnpm 进行加速,并使用 cnpm 代替 yarn 或者设置 yarn 的 npm 加载源,如 yarn config set registry https://registry.npm.taobao.org 3、启动
yarn run serve
1、源码目录结构说明 ├── public │ └── logo.png # LOGO | └── index.html # Vue 入口模板 ├── src │ ├── api # Api ajax 等 │ ├── assets # 本地静态资源 │ ├── config # 项目基础配置,包含路由,全局设置 │ ├── components # 业务通用组件 │ ├── core # 项目引导, 全局配置初始化,依赖包引入等 │ ├── router # Vue-Router │ ├── store # Vuex │ ├── utils # 工具库 │ ├── locales # 国际化资源 │ ├── views # 业务页面入口和常用模板 │ ├── App.vue # Vue 模板入口 │ └── main.js # Vue 入口 JS │ └── permission.js # 路由守卫(路由权限控制) │ └── global.less # 全局样式 ├── tests # 测试工具 ├── README.md └── package.json 如果安装出现错误,参照: 原因:node版本与openssl 不兼容导致的初始化失败
解决:
windows执行:set NODE_OPTIONS=--openssl-legacy-provider
mac执行:export NODE_OPTIONS=--openssl-legacy-provider
最近访问时间:2025-04-30 05:57:37