From c4463231bd42f7c05330778642f9f84f1cf03e57 Mon Sep 17 00:00:00 2001 From: "qingwei.li" Date: Fri, 28 Oct 2016 11:52:43 +0800 Subject: [PATCH] doc: add installation --- examples/docs/zh-cn/installation.md | 53 +++++++++++++++++++++++++++++ examples/nav.config.json | 3 ++ 2 files changed, 56 insertions(+) create mode 100644 examples/docs/zh-cn/installation.md diff --git a/examples/docs/zh-cn/installation.md b/examples/docs/zh-cn/installation.md new file mode 100644 index 000000000..45fea3d2e --- /dev/null +++ b/examples/docs/zh-cn/installation.md @@ -0,0 +1,53 @@ +## 安装 + +### npm 安装 +推荐使用 npm 的方式安装，它能更好的和 [webpack](https://webpack.js.org/) 打包工具配合使用。 + +```shell +npm i element-ui@next -D +``` +**由于当前还处于 rc 阶段，所以仍然需要通过 @next 的方式获取最新版本。** + +### CDN +目前可以通过 [unpkg.com/element-ui](https://unpkg.com/element-ui@next/) 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。 + +```html + + + + +``` + +### Hello world +通过 cdn 的方式我们可以很容易的使用 Element 写一个 Hello world 页面。[在线演示](http://codepen.io/QingWei-Li/pen/vXwJrY) + +```html + + + + + + + + +
+ 按钮 + +

欢迎使用 Element

+ +
+ + + + + + + +``` diff --git a/examples/nav.config.json b/examples/nav.config.json index d052b409d..2590d601a 100644 --- a/examples/nav.config.json +++ b/examples/nav.config.json @@ -2,6 +2,9 @@ { "name": "安装指南", "children": [{ + "path": "/installation", + "name": "安装" + },{ "path": "/quickstart", "name": "快速上手" }, {