Docsify Auto Published

_sidebar.md

@@ -95,6 +95,7 @@
     - [混合Web应用实践](experience/advanced/mixed-project.md)
     - [基于接口快速搭建前后分离项目](experience/advanced/webapp-proxy.md)
     - [Vue + Koa前后端分离实践](experience/advanced/vue-webapp.md)
+    - [手把手发布Vue组件](experience/advanced/vue-components.md)
     - [MySQL向GraphQL迁移](experience/advanced/mysql-graphql.md)
     - [GraphQL鉴权](experience/advanced/graphql-authorization.md)
 - 思想篇

experience/advanced/vue-components.md

@@ -0,0 +1,47 @@
+# 手把手教你发布一个Vue组件
+
+## 0. 初始化项目
+
+项目位于: <https://github.com/willin/vchart>
+
+```bash
+yarn init -y
+```
+
+```js
+{
+  "name": "vchart",
+  "version": "0.0.0",
+  "main": "index.js",
+  "repository": "git@github.com:willin/vchart.git",
+  "author": "Willin Wang <willin@willin.org>",
+  "license": "MIT"
+}
+```
+### 初始化NPM包
+
+```bash
+npm publish
+```
+
+NPM包位于: https://www.npmjs.com/package/vchart
+
+## 1. 配置 eslint, babel, webpack
+
+注意: `eslint-plugin-vue` 目前仅支持到 `eslint@4.3.0` 版本
+
+代码提交: https://github.com/willin/vchart/commit/69b3e923ef565b975585872fb0438b304cbdb7d4
+
+## 2. 配置 dev 开发环境
+
+用简单的`http-server` 运行并调试.
+
+代码提交: https://github.com/willin/vchart/commit/0b875fcea03e2afed9955887e0b79097d2111adb
+
+## 3. 完成组件功能并测试
+
+## 参考资源
+
+https://github.com/gionkunz/chartist-js
+https://github.com/Yopadd/vue-chartist (注入式)
+https://github.com/lakb248/vue-chartist (组件式)