# vue-resume-online 簡歷在線生成器 :page_with_curl: > 該項目是一個在線填寫我的信息等相關簡歷信息,而後根據用戶填寫的這些信息,在線生成一份`PDF文檔`的我的簡歷,提供給用戶預覽以及下載這份填寫好的我的簡歷 ## 項目演示:tv: [演示][1] ![img](https://github.com/ZhengMaster2020/vue-reume-online/blob/master/public/images/resume%20online.gif) ## 項目技術棧:black_flag: | 技術 | 說明 | 官網 | | :----------- | :--------------------- | :----------------------------------------------------- | | Vue 2.x | 前端框架 | [https://vuejs.org/](https://vuejs.org/) | | Vue-router | 前端路由框架 | [https://router.vuejs.org/](https://router.vuejs.org/) | | Vuex | 全局狀態管理框架 | [https://vuex.vuejs.org/](https://vuex.vuejs.org/) | | Vue-cli 3.x | 項目腳手架 | [https://cli.vuejs.org/zh/](https://cli.vuejs.org/zh/) | | element-ui | 前端UI框架 | [https://element.eleme.io/](https://element.eleme.io/) | | mavon-editor | vue插件 markdown編輯器 | [https://github.com/hinesboy/mavonEditor](https://github.com/hinesboy/mavonEditor) | | html2canvas | 將html生成圖片 | [https://github.com/niklasvh/html2canvas](https://github.com/niklasvh/html2canvas) | | jspdf | 將圖片轉換成PDF文檔 | [https://mozilla.github.io/pdf.js/examples/](https://mozilla.github.io/pdf.js/examples/) | **如下是該項目的安裝運行步驟**:arrow_down_small: ## 將本項目克隆至本地 ``` git clone git@github.com:ZhengMaster2020/vue-reume-online.git cd vue-resume-online ``` ## 安裝依賴 ``` npm install ``` ### 啓動項目 ``` npm run serve ``` ### 打包項目 ``` npm run build ``` ### Customize configuration See [Configuration Reference](https://cli.vuejs.org/config/). [1]: https://github.com/ZhengMaster2020/vue-reume-online