# 快速上手

使用 D2Admin 首先组要有以下前置技术知识：

* 首先需要熟悉 web 开发基础三样：[HTML CSS JavaScript](http://www.w3school.com.cn/)
* 需要有 [ES6](http://es6.ruanyifeng.com/) 语法知识
* 会使用 [vue.js](https://cn.vuejs.org/)

如果你了解以下技术，在使用本项目进行你的开发时会更加得心应手

* [sass](https://www.sass.hk/guide/)
* [webpack](http://webpack.github.io/)

在上手之前，建议您先大致浏览以下章节，对整个系统有大致了解

* 每个页面最基础的构成部分：[页面容器](../components/container.md)
* 一些你会用到的全局数据和方法：[VUEX 实用工具](../plugins/vuex.md)
* 一些你会用到的公用方法：[Util 实用工具](../plugins/util.md)

如果你想了解更多 D2Admin 相关的教程和更新文章，可以参阅 [文章](../article/)

## 下载项目

完整版仓库

[Github](https://github.com/d2-projects/d2-admin) | [码云](https://gitee.com/fairyever/d2-admin)

简化版起始模板

[Github](https://github.com/d2-projects/d2-admin-start-kit) | [码云](https://gitee.com/fairyever/d2-admin-start-kit)

挑选一个你喜欢的网站 Fork D2Admin 代码到你的仓库，然后下载或克隆

::: tip
如果你使用 Github 下载过慢，请参考 [常见问题](question.md)
:::


## 资源

下面是一些在开发过程会用到的文档，列举在这里方便大家快速查看

组件库

* [element-ui](http://element.eleme.io/#/zh-CN/component/quickstart)

项目基础

* [vue.js](https://cn.vuejs.org/v2/guide/)
* [vuex](https://vuex.vuejs.org/zh/guide/)
* [vue-router](https://router.vuejs.org/zh/guide/)
* [sass](https://www.sass.hk/guide/)

脚手架

* [vue-cli3](https://github.com/vuejs/vue-docs-zh-cn/tree/master/vue-cli)
* [webpack-chain](https://github.com/mozilla-neutrino/webpack-chain)

插件

* [axios](https://github.com/axios/axios)
* [better-scroll](https://github.com/ustbhuangyi/better-scroll)
* [dayjs](https://github.com/iamkun/dayjs)
* [echarts](http://echarts.baidu.com/index.html)
* [lowdb](https://github.com/typicode/lowdb)
* [mockjs](https://github.com/nuysoft/Mock/wiki)
* [v-charts](https://v-charts.js.org/#/props)
* [vue-grid-layout](https://github.com/jbaysolutions/vue-grid-layout)
* [vue-i18n](https://kazupon.github.io/vue-i18n/guide/started.html)
* [vue-splitpane](https://www.npmjs.com/package/vue-splitpane)