快速上手
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
This commit is contained in:
liyang
@@ -1,17 +1,21 @@
|
||||
# 快速上手
|
||||
|
||||
使用 D2Admin 首先组要有以下前置技术知识：
|
||||
|
||||
## 前置知识
|
||||
|
||||
使用 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)
|
||||
@@ -21,50 +25,55 @@
|
||||
|
||||
## 下载项目
|
||||
|
||||
完整版仓库
|
||||
* 完整版仓库 [Github](https://github.com/d2-projects/d2-admin) | [码云](https://gitee.com/fairyever/d2-admin)
|
||||
|
||||
[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)
|
||||
|
||||
简化版起始模板
|
||||
|
||||
[Github](https://github.com/d2-projects/d2-admin-start-kit) | [码云](https://gitee.com/fairyever/d2-admin-start-kit)
|
||||
|
||||
挑选一个你喜欢的网站 Fork D2Admin 代码到你的仓库，然后下载或克隆
|
||||
挑选一个你喜欢的网站 Fork D2Admin 代码到你的仓库，然后下载或克隆。
|
||||
|
||||
::: tip
|
||||
如果你使用 Github 下载过慢，请参考 [常见问题](question.md)
|
||||
如果你使用 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.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/) | CSS 预处理语言 |
|
||||
|
||||
脚手架
|
||||
脚手架：
|
||||
|
||||
* [vue-cli3](https://github.com/vuejs/vue-docs-zh-cn/tree/master/vue-cli)
|
||||
* [webpack-chain](https://github.com/mozilla-neutrino/webpack-chain)
|
||||
| 名称 | 介绍 |
|
||||
| --- | --- |
|
||||
| [vue-cli3](https://github.com/vuejs/vue-docs-zh-cn/tree/master/vue-cli) | 项目脚手架 |
|
||||
| [webpack-chain](https://github.com/mozilla-neutrino/webpack-chain) | vue-cli3 中 webpack 的配置语法 |
|
||||
|
||||
插件
|
||||
插件：
|
||||
|
||||
* [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)
|
||||
| 名称 | 介绍 |
|
||||
| --- | --- |
|
||||
| [axios](https://github.com/axios/axios) | 最流行的网络请求库 |
|
||||
| [better-scroll](https://github.com/ustbhuangyi/better-scroll) | [d2-container](../components/container.md) 的自定义滚动条依赖 |
|
||||
| [dayjs](https://github.com/iamkun/dayjs) | 日期处理库 |
|
||||
| [v-charts](https://v-charts.js.org/#/props) | vue 版本的 echarts 由饿了么开发 |
|
||||
| [echarts](http://echarts.baidu.com/index.html) | v-charts 的核心 |
|
||||
| [lowdb](https://github.com/typicode/lowdb) | D2Admin 操作本地数据的依赖 |
|
||||
| [mockjs](https://github.com/nuysoft/Mock/wiki) | 模拟请求依赖 |
|
||||
| [vue-i18n](https://kazupon.github.io/vue-i18n/guide/started.html) | 多国语依赖 |
|
||||
| [vue-grid-layout](https://github.com/jbaysolutions/vue-grid-layout) | 网格布局组件 |
|
||||
| [vue-splitpane](https://www.npmjs.com/package/vue-splitpane) | 切分布局组件 |
|
||||
|
||||
上面只是一些猜你会用到的链接，还有一些项目中用到但是这里没有列举的，如果你觉得有必要，可以提 pr 修改本篇文档。
|
||||
Reference in New Issue
Block a user