實現一個線上個人簡歷編輯器，實現線上編輯，生成簡歷圖片，運用到技術：

1.vue.js 
2.webpack 
3.muse-ui（https://museui.github.io） 
4.html2canvas.js(用來將html生成圖片);

已經開發好的專案目錄如下：

然後是我的簡歷整體效果

（利用元件的思想，這裡每個模組就是一個元件，有些模組一樣，可以進一步改善，這裡我暫時沒有）

一. 搭建vue專案

首先用vue-cli搭建我們的專案，沒用過的同學可以去看我之前的部落格，有專門介紹

二. 引入muse-ui

在專案目錄下，安裝muse-ui

npm install muse-ui --save -dev
 

在main.js中引入

import MuseUI from 'muse-ui';
import '../static/css/muse-ui.css';
Vue.use(MuseUI)

這樣就可以在muse-ui官網上覆制例子玩了，網上很多muse-ui教程講得比較複雜，這裡我用最簡單的方法實現，這裡不做演示，有興趣的同學可以去試試。

生成簡歷效果：

點選下載簡歷，會下載該簡歷圖片。