0ff4adde3b
Former-commit-id: d7b07a6fcafc15ca63721948a073502610673b66 [formerly 7d5056b77116911873e5591adffef7b4c8e6b05d] [formerly d7b07a6fcafc15ca63721948a073502610673b66 [formerly 7d5056b77116911873e5591adffef7b4c8e6b05d] [formerly d7b07a6fcafc15ca63721948a073502610673b66 [formerly 7d5056b77116911873e5591adffef7b4c8e6b05d] [formerly 7d5056b77116911873e5591adffef7b4c8e6b05d [formerly 9b9f67829c2435b47c13d7824d6247bd82b78a6d [formerly 7ce133006f329465b76252d24a5f39b7a405c1c6]]]]] Former-commit-id: 290f1a5d5ec4ff5c9fab4eb3108de464584882bd Former-commit-id: b3b5b66a01acaa186d49ba3f5e825f3ac44dd013 Former-commit-id: fa22136def7fb06a519f86313f6cacce5d5debec [formerly b52cb1b804952bcdc59206c18b1f883ef94a85d3] Former-commit-id: 12eefaa7390ac5811bcddecaef699614b98983c7 Former-commit-id: 5a83be61c040c3f2fc9d0687c1f4c65da9c998ba Former-commit-id: ed3ac48ea9fc0fa75e24ee77f3571580ba8bd764 Former-commit-id: d1c9d9b84c326e7eb217bfc1c170867f1afdf389 Former-commit-id: a3dea4d21924f496e6f5de356928af28d43916b5
3.2 KiB
3.2 KiB
快速上手
前置知识
使用 D2Admin 首先组要有以下前置知识：
- 首先需要熟悉 web 开发基础三样：HTML CSS JavaScript
- 需要有 ES6 语法知识
- 会使用 vue.js
如果你了解以下技术，在使用本项目进行你的开发时会更加得心应手：
准备
在上手之前，建议您先大致浏览以下章节，对整个系统有大致了解：
如果你想了解更多 D2Admin 相关的教程和更新文章，可以参阅 文章
下载项目
挑选一个你喜欢的网站 Fork D2Admin 代码到你的仓库，然后下载或克隆。
::: tip 如果你使用 Github 下载过慢，请参考 常见问题。 :::
我的建议是使用 简化版起始模板 因为在完整版的基础上做减法，要比在简化版基础上做加法复杂。
资源
下面是一些在开发过程会用到的文档，列举在这里方便大家快速查看：
组件库：
项目基础：
| 名称 | 介绍 |
|---|---|
| vue.js | 框架基础 |
| vuex | 全局状态管理 |
| vue-router | 路由控制 |
| sass | CSS 预处理语言 |
脚手架：
| 名称 | 介绍 |
|---|---|
| vue-cli3 | 项目脚手架 |
| webpack-chain | vue-cli3 中 webpack 的配置语法 |
插件：
| 名称 | 介绍 |
|---|---|
| axios | 最流行的网络请求库 |
| better-scroll | d2-container 的自定义滚动条依赖 |
| dayjs | 日期处理库 |
| v-charts | vue 版本的 echarts 由饿了么开发 |
| echarts | v-charts 的核心 |
| lowdb | D2Admin 操作本地数据的依赖 |
| mockjs | 模拟请求依赖 |
| vue-i18n | 多国语依赖 |
| vue-grid-layout | 网格布局组件 |
| vue-splitpane | 切分布局组件 |
上面只是一些猜你会用到的链接，还有一些项目中用到但是这里没有列举的，如果你觉得有必要，可以提 pr 修改本篇文档。